This topic has 7 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by Luca Rossi
Hi
Im editing the single blog post with Xstore – extra css.
Seems like the this extra css is not being applied to real devices?
I tried to check for desktop, and that works fine.
But when i check my own iphone, the css is not applied.
The clipchamp video: illustrates how it works in the xstore css editor.
The other one, is directly from my iphone.
You can see the difference w regards to spacing from the menu anchor.
What is causing this issue?
Regards
Dear Nicolo,
We hope this message finds you well.
It appears that the issue may be related to the cache systems on your website. Could we kindly ask for your assistance in fully purging all caches and then checking the site again?
We greatly appreciate your help and look forward to your response.
Thank you for your attention to this matter.
Best regards,
8Theme Team
Hi
Thanks for your reply
I have cleared the cache on all levels now:
– Wp rocket; cache and css
– Server; kinsta
– Browser: Safari, chrome, and opera
Its clear that its not a caching issue. Could you please try on ur device?
For further inspection i added wp admin access in private area
Regards
Hi @Nicolo,
The custom CSS codes were saved correctly but it’s not working.
Please delete your custom CSS code and try with our custom CSS codes instead:
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
position: relative;
z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: "";
display: block;
height: 40px; // fixed header height
margin: -40px 0 0; // negative fixed header height
visibility: hidden;
pointer-events: none;
}
For more information, please take a look at this article: https://wp-pagebuilderframework.com/sticky-header-overlaps-anchor-elementor/.
Hope it helps!
Thanks for this
I tried it, copied and pasted.
But this caused extra white space to the actual post?
How can we fix it, without adding any white space to the post?
Check attachment for more info
We modified the CSS and managed to find a solution.
Thanks for your help, we can close this ticket now:
This is the code for anyone else with the same issue:
/* Blog: Table of content Space added*/
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
position: relative;
z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
content: “”;
display: block;
height: 70px; /* Matches fixed header height */
margin-top: -70px; /* Negative margin for adjustment */
visibility: hidden;
pointer-events: none;
}
If you need anything else, please let us know.
Best regards,
8Theme Team
The issue related to '‘Xstore – Extra css – Single blog post – Menu acnhor; css not being applied?’' has been successfully resolved, and the topic is now closed for further responses