mobile issues duplicate tabs for product page and blank tabs

This topic has 10 replies, 2 voices, and was last updated 4 months, 3 weeks ago by Luke Nielsen.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
March 30, 2025 at 5:09 am #650175

nujumorg
Participant

the elementor mobile preview is not similar to the mobile view
the header is not reflecting the correct background color it also shows duplicated headers on mobile
the typography is not the same as in desktop
the product tabs are duplicated and empty they don’t show exactly my current product page content as in desktop
i tried using theme backups since it was working fine but without any benefit
https://snipboard.io/cj62WY.jpg

March 30, 2025 at 5:22 am #650176

nujumorg
Participant

added login path bellow

March 31, 2025 at 10:24 am #650323

Luke Nielsen
Keymaster

Hello,

Sorry for the inconvenience. Usually, it takes a few hours to answer during working time (up to 24 hours) and 12-48 hours on weekends and holidays.

Navigate to LightSpeed -> Page optimization -> JS settings -> turn off the “Load JS Deferred” option: https://prnt.sc/GQ1Fb9eSH6th

Then clear the cache and recheck the issue.

I await your response.

Kind Regards

March 31, 2025 at 5:56 pm #650564

nujumorg
Participant

Hello,

i have turned off the “Load JS Deferred” option and purged all.
the header issue seems to be gone interesting.
but i still face the same issue i had pointed in this screenshot : https://snipboard.io/cj62WY.jpg
i don’t know why exactly this happened
but the Single product Tabs are duplicated and contain both Tabs and Accordions while i only have the Tabs Selected
https://snipboard.io/WInRxv.jpg
Also the fonts were not loaded correctly as i have set in my theme settings
the elementor view is great but when i visit my website its not reflected s it should
i need more help thank you

March 31, 2025 at 6:05 pm #650570

nujumorg
Participant

oops i revisited the website but the header still shows as duplicated !!!
https://snipboard.io/L6AJSl.jpg

here is what elementor editor my page should look like in mobile https://snipboard.io/gkbIw0.jpg
in desktop : https://snipboard.io/lRLc3Y.jpg

as i mentioned before the description is loaded while visiting the website thought pc chrome
but stays blank when visited thought mobile browser.

March 31, 2025 at 6:58 pm #650582

nujumorg
Participant

Hello again,

i think i got it fixed, thank you for pointing me in the right direction The main issue was with (LiteSpeed Cache Configuration Presets ) i’ve noticed that i have been using aggressive preset
which was causing the problem.
everything got fixed when i change it to Recommended preset with name -> advanced preset
i have checked everything once again and i think now all the issues i had have been fixed
you can now close this issue as resolved

once again thank you for the support .

April 1, 2025 at 9:17 am #650665

Luke Nielsen
Keymaster

Hello,

Glad that those issues are fixed.

Also, sir, if possible please delete or change the 1 star review as you have given on the ThemeForest. I am looking for your cooperation and kind response.

Kind Regards

April 2, 2025 at 4:10 pm #651175

nujumorg
Participant

Yes, i will fix the review sorry about that .
i need one more thing please
since i was using the caching plugin to make my website faster
now its a bit of a struggle to make it faster again since using the recommanded presets
works for my website and the styling and everything works great but for pagespeed it been bad
can you help me on which presets should i use to get the most of the appealing woodmart themes and page speed
thank you

April 2, 2025 at 5:06 pm #651197

Luke Nielsen
Keymaster

Hello,

First, I suggest you check our article on how to optimize the theme – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

After that, if you have any questions, let me know so I will do my best to help you.

Kind Regards

April 5, 2025 at 8:50 pm #651957

nujumorg
Participant

Hello, im still facing some issue regarding the page speed optimizations
for the desktop page its good https://snipboard.io/Q6pjUX.jpg
for the mobile page its was a bit difficult to get it to this point : https://snipboard.io/WsPxcY.jpg
i still need more help to figure this out
also i have recently changes some url prefixes for some of my products and i think it’s not in the right format
as the url prefix in arabic is urlencoded and shows alot of %D%C% character in my url
its also reflected in my sitemap list as the url are encoded in the sitemap xml too
could you please help me resolve these issues
i do use now WP Rocket & CDN for images optimization
and i use rankmath for SEO and sitemap generation
i ll be waiting to hear back from you

April 7, 2025 at 10:12 am #652057

Luke Nielsen
Keymaster

Hello,

-Avoid an excessive DOM size – The number of DOM elements are generated in the process of content building. All page builder elements are DOM elements. If you want to reduce DOM elements you will have to reduce the content: widgets, products, menu items, and others.

You can create a separate page for the mobile devices via Html Block and assign it in the settings of the page – https://prnt.sc/HiGNW5ZFt6Ay

-Serve static assets with an efficient cache policy – You should cache immutable static assets for a long time, such as a year or longer, so you need to configure your server to return the Cache-Control HTTP response header:

https://take.ms/vXMSl

It should be 1year+ as in the example: https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl/?utm_source=lighthouse&utm_medium=lr#how_to_cache_static_resources_using_http_caching

You can ask your hosting provider to change the value to the right one.

As for the permalinks, please check the article below:

https://wordpress.stackexchange.com/questions/245111/arabic-permalink-not-found

I await your response.

Kind Regards
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)