Return to previous page

Problem with header on mobile not positioning elements correctly

This topic has 3 replies, 2 voices, and was last updated 7 months, 1 weeks ago ago by Kostas

Kostas

Participant

October 2, 2023 at 21:08

Hi there, we are having the following issue. in the customizer we have setup the header for our site in the customizer as shown in the image in the link below
https://drive.google.com/file/d/1fetAVjPe8lV2jQclo13fgr6XK-lkAADh/view?usp=sharing
The problem is that when we go to the cell phone the header what we get is shown in the image in the link below
https://drive.google.com/file/d/1jwXKA4JLfU6rGiyvW1897Oasyhg2elfD/view?usp=sharing
We have cleared the browser cache on the on multiple browsers, we have cleared the cache on the server, we have deactivated the cache plugin and in all situations we re having the same result. We are stock at this point and need a solution. The site url is https://regel.gr
Thank you

#369151 Copied Theme version: 9.1.14 WooCommerce version: 8.1.1

2 Answers

Tony Rodriguez

Support staff

October 3, 2023 at 05:42

Hello, @Kostas,

Thank you for contacting us and for using XStore.

1) Please navigate to Xstore > Theme Options > Speed optimization > Menu Dropdown Ajax Loading, Menu Dropdown Cache, Menu Cache, Static Blocks Cache and Remove Query Strings From Static Resources > Off.

Activate the mentioned options once all changes to the site will be done.

2) We have identified a solution to the issue you are experiencing with the menu on your mobile device. Please follow the steps below:

1. Navigate to Xstore.
2. Select Theme Options.
3. Proceed to General/Layout.
4. Choose Mobile Optimization.
5. Turn it OFF.
6. Click on Publish.

After completing these steps, please clear your mobile browser cache and revisit your site to check if the problem has been resolved.

Please refer to the attached image for further information.
https://postimg.cc/xkcByjny

3) If the changes you make in the Customizer are not reflected on the page, it is likely a caching issue. If the changes are visible in the Customizer, they should also be visible on the front end.

We recommend that you temporarily disable any CDN caching and cache plugins, clear your browser cache, and then check again.

Best Regards,
8Theme’s Team.

#369165 Copied

Kostas

Participant

October 5, 2023 at 10:28

The solution is looking good, thank you.

#369442 Copied
Tagged: element positioning, header fix, mobile header problem, mobile optimization, woocommerce, woocommerce header issue, wordpress themes
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Problem with header on mobile not positioning elements correctly’' has been successfully resolved, and the topic is now closed for further responses

Problem with header on mobile not positioning elements correctly

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection