Header disappears on desktop when page is switched from mobile

previously i created this topic and thansk for your assistance
woodmart header some time not visible if page caching is enabled
I have figured out exactly root cause issue and it is when using server caching
If a mobile user visits the site first, the page gets cached for mobile.
Later, when a desktop user visits the same page, the cached mobile version is served and header disappeard.
and it is not only due to caching even if i turn off caching and visit my page in mobile view mode responsive mode through developer mode, and load any page , then staying one that page switch to resposnsive mode to desktop , then header is not visible,

here is attached screenshot of a page without caching just loaded it first in mobile version, via developer responsive option and just closed developer option and page is in desktop version, and header disappeared and if i reload page again then it is back, but if i reverse the process eg. first load on deskto page then turn on responsive mode via developer options then it is fine,, it is only when page was loaded in mobile version first. hope this helps to understand and figure out

Attachments:

You must be logged in to view attached files.

Hello,

Browser resizing is not a standard way of checking the concern for the responsive viewports. You can check your Site on a real time device (Mobile/desktop/tablet) and check the issue.

Unfortunately, there are no other solutions. After resizing from the desktop viewport to the tablet or mobile screen sizes, the page needs to be reloaded.

The main reason for this implementation is to speed up the website performance by loading certain scripts only on desktop and others only on mobile devices. Automatically switching between them when resizing the screen would increase the code volume on both types of devices and degrade site speed performance. Additionally, it would require writing extra code, which is beyond the support scope of our WoodMart theme.

During the development and customization of the site, we recommend refreshing the page every time you resize the browser window from desktop dimensions to mobile and vice versa. For actual site users on real mobile or desktop devices, this behavior will be unnoticeable.

Best Regards,

thanks alot for your support,, i am ok with it , and i have genrated saprate cache for devices to fix this issue,, this was just to inform woodmart development team. if it help in future,

Hello,

You’re very welcome, and thank you for the update.

We appreciate you sharing this information with us. If you need any further assistance, feel free to reach out anytime.

Best Regards,

[Author]

Posts