Return to previous page

Mobile website does not show same desktop layout

This topic has 17 replies, 3 voices, and was last updated 11 months, 2 weeks ago ago by Rich Kil

Rich Kil

Participant

October 20, 2023 at 17:22

mobile website does not show same desktop layout such as phone and email widgets in the header area

#370963 Copied Theme version: 5.2 WooCommerce version: 8.2

16 Answers

Tony Rodriguez

Support staff

October 21, 2023 at 06:55

Hello, @Rich Kil,

Thank you for choosing XStore as your WooCommerce WordPress theme.

We regret to inform you that your request is somewhat unclear to us. Could you please provide Screenshots and a more detailed description of your issue or specify your exact goal?

You may upload the screenshots on https://imgbb.com/ and paste the links here.

Furthermore, you may explore all the available settings and widgets for the mobile header by navigating to XStore > Theme Options > Header Builder > Mobile.

Please refer to the attached image for your reference.
https://imgur.com/HoHEB9w

Best Regards,
Team 8Theme.

#370980 Copied

Rich Kil

Participant

October 21, 2023 at 15:47

https://ibb.co/zQCKvRT

The phone and contact email links do not show at the top of my mobile version.

#371018 Copied

Rose Tyler

Support staff

October 21, 2023 at 16:18

Hello, Rich Kil,

Thank you for your response.

Links are not shown on mobile because they are not added into Header builder > Mobile header – https://prnt.sc/3Tp73DhuRzW_
The mobile header has a different amount of elements compared to the desktop header, it is not a bug, but a predefined behavior https://prnt.sc/GMQwAXXMP8pH Only elements that can be shown correctly on mobile are available.

We hope this information is helpful.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
Team 8Theme.

#371022 Copied

Rich Kil

Participant

October 21, 2023 at 16:37

Is there a way I can at least put the phone icon in the header so they can call me by just tapping on the phone icon?

#371024 Copied

Rich Kil

Participant

October 21, 2023 at 16:38

perhaps I can replace the compare icon with the phone icon

#371025 Copied

Rich Kil

Participant

October 21, 2023 at 20:38

The phone icon does appear in my elements on the left in the mobile version but I don’t know how to add it to the connection block on the right side next to wishlist, mobile menu and cart.

#371036 Copied

Rose Tyler

Support staff

October 22, 2023 at 09:34

Hello, Rich Kil,

Thank you for getting in touch with us.

Elements can be added to the connection block by moving them, like in the video (Private Content).

Best Regards,
Team 8Theme.

Please contact administrator
for this information.

#371056 Copied

Rich Kil

Participant

October 22, 2023 at 18:15

I don’t see the phone icon below the logo and connection block

#371100 Copied

Rose Tyler

Support staff

October 22, 2023 at 19:33

Hello, Rich Kil,

Only these elements are available for the Mobile header – https://prnt.sc/GMQwAXXMP8pH
Where do you see the phone icon?

Best Regards,
Team 8Theme.

#371115 Copied

Rich Kil

Participant

October 22, 2023 at 19:40

Is the only way a customer can call me on the mobile site by clicking my phone number at the very bottom of the website?

#371118 Copied

Rose Tyler

Support staff

October 23, 2023 at 08:46

Hello, Rich Kil,

You can use any of these elements https://prnt.sc/GMQwAXXMP8pH , for example, via HTML block text can be shown or even static block – https://prnt.sc/JJ7EGA2NbGJs

Best Regards,
Team 8Theme.

#371150 Copied

Rich Kil

Participant

October 23, 2023 at 14:25

Can they tap a phone link to automatically call me on their phone where your “test” html is located

#371231 Copied

Rose Tyler

Support staff

October 23, 2023 at 14:39

Hello, Rich Kil,

Please try: <a href="tel:xxx">X</a> > https://prnt.sc/_teOL7eoEzSY

Best Regards,
Team 8Theme.

#371233 Copied

Rich Kil

Participant

October 23, 2023 at 15:12

Ok, phone number is on the mobile version but I wanted the user to be able to tap it to call me on their device

#371239 Copied

Rose Tyler

Support staff

October 23, 2023 at 15:18

Hello, Rich Kil,

You added the code incorrectly. We’ve edited it for you. Please clear the cache and check.

Best Regards,
Team 8Theme.

#371241 Copied

Rich Kil

Participant

October 23, 2023 at 15:57

great! Can you also change the actual phone number to a phone icon

#371257 Copied
Tagged: desktop layout problems, mobile website issues, responsive design fixes, woocommerce themes, wordpress mobile layout, wordpress themes
Viewing 17 results - 1 through 17 (of 17 total)

The issue related to '‘mobile website does not show same desktop layout’' has been successfully resolved, and the topic is now closed for further responses

Mobile website does not show same desktop layout

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection