Return to previous page

Mobile website does not show same desktop layout

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

  • Avatar: 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
    Avatar: Tony Rodriguez
    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
    Avatar: Rich Kil
    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
    Avatar: Rose Tyler
    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
    Avatar: Rich Kil
    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
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 21, 2023 at 16:38

    perhaps I can replace the compare icon with the phone icon

    #371025 Copied
    Avatar: Rich Kil
    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
    Avatar: Rose Tyler
    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
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 22, 2023 at 18:15

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

    #371100 Copied
    Avatar: Rose Tyler
    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
    Avatar: Rich Kil
    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
    Avatar: Rose Tyler
    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
    Avatar: Rich Kil
    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
    Avatar: Rose Tyler
    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
    Avatar: Rich Kil
    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
    Avatar: Rose Tyler
    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
    Avatar: Rich Kil
    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: , , , , ,

  • 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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.