Return to previous page

Xstore – Extra css – Single blog post – Menu acnhor; css not being applied?

This topic has 7 replies, 2 voices, and was last updated 5 days, 23 hours ago ago by Luca Rossi

Nicolo

Participant

November 10, 2024 at 12:56

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

Files is visible for topic creator and
support staff only.

#422630 Copied Theme version: 9.4.4

6 Answers

Luca Rossi

Support staff

November 11, 2024 at 15:26

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

#422792 Copied

Nicolo

Participant

November 12, 2024 at 16:46

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

Content is visible for topic creator and
support staff only.

#423006 Copied
Luca Rossi

Support staff

November 14, 2024 at 10:00
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!
#423329 Copied
Nicolo

Participant

November 15, 2024 at 15:32

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

Files is visible for topic creator and
support staff only.

#423665 Copied

Nicolo

Participant

November 15, 2024 at 16:00

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;
}

#423670 Copied

Luca Rossi

Support staff

November 16, 2024 at 17:16

If you need anything else, please let us know.

Best regards,
8Theme Team

#423819 Copied
Viewing 7 results - 1 through 7 (of 7 total)

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

Xstore – Extra css – Single blog post – Menu acnhor; css not being applied?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection