Return to previous page

Xstore Header does not display correctly on mobile and tablet

This topic has 5 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Rose Tyler

HmirceaD

Participant

October 15, 2023 at 09:08

Hello,

I have a problem with the XStore Header and how it displays on mobile.

On desktop it looks and works well however on mobile it does not appear only after you scroll down:

Before you scroll: https://imgur.com/a/0rM42h6

After you scroll: https://imgur.com/a/GHKO9qr

On tablet it only displays partly before scroll: https://imgur.com/a/j6QbTqp

Also after you scroll on mobile and access the hamburger menu the off canvas menu does not display correctly: https://imgur.com/a/bsZFJeH

My header overlaps the content by design so this may have something to do with it, however it does not answer why it displays correctly on scroll and why the off canvas menu is messed up.

Thanks in advance!

Please, contact administrator
for this information.

#370186 Copied Theme version: 9.1.13

4 Answers

Rose Tyler

Support staff

October 15, 2023 at 10:33

Hello, HmirceaD,

Thank you for contacting us and for using XStore.

In order to troubleshoot the issues you are experiencing, we suggest that you first try disabling all third-party plugins (including cache plugins) that are not bundled with XStore. You can refer to the following link for a list of included plugins: https://www.8theme.com/documentation/xstore/plugins/included-plugins/ . Additionally, please clear the cache of your browser and check again. It is possible that one of the additional plugins is causing problems.

Kind Regards,
8theme team

#370193 Copied

HmirceaD

Participant

October 19, 2023 at 09:14

Hey there I tried disabling all plugins and the issue still persists

#370773 Copied

HmirceaD

Participant

October 19, 2023 at 09:51

I checked again and when disabling elementor and elementor pro the header appears before the scroll, however the off canvas menu still appears incorrectly

Please contact administrator
for this information.

#370785 Copied

Rose Tyler

Support staff

October 19, 2023 at 13:00

Hello, HmirceaD,

1/ https://prnt.sc/Zw5R4Dbph3jk – the problem was caused by this margin, we’ve changed it for the first section on your Home page https://prnt.sc/bkIdJ-dbF6Jl
Do not forget to clear the cache of the browser before checking the result.

2/ The problem is caused by your custom CSS code https://prnt.sc/bZoNXTk0GJX5 > https://prnt.sc/tlAK5JZRuIDB
We have a header overlap option in Header Builder, that can be used instead of this custom.

Kind Regards,
8theme team

#370813 Copied
Tagged: mobile display problem, tablet display error, woocommerce header fix, woocommerce templates, wordpress troubleshooting, wordpress xstore solution, xstore header issue
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Xstore Header does not display correctly on mobile and tablet’' has been successfully resolved, and the topic is now closed for further responses

Xstore Header does not display correctly on mobile and tablet

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection