Sticky header Elementor

  • Resolved qwik3r

    (@qwik3r)


    5 years, 2 months ago

    For some reason there is some extra code being displayed that is causing some margin in my content. Tracking it down, it says it’s part of main.css in blocksy. Here’s an example and the code: https://share.getcloudapp.com/Z4u6ozAm

    /wp-content/themes/blocksy/static/bundle/main.css?ver=1.7.68

    Any idea what this is?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter qwik3r

    (@qwik3r)

    5 years, 2 months ago

    Looking at this further, it appears to be related to whether you add the TOC widget on to a page. I had it as a test but hidden on my page and it looks like it was adding styles to any other widgets that use the elementor_toc or whatever class. Once I removed the TOC widget, it fixed it, but still odd…

    Theme Author Creative Themes

    (@creativethemeshq)

    5 years, 2 months ago

    Hey @qwik3r,
    This is added specially when you have a sticky header enabled so the sticky header wont’t overlap your content/anchor links.

    We will try to improve this part so it won’t show this spacing.

    Thread Starter qwik3r

    (@qwik3r)

    5 years, 2 months ago

    Thanks. I do have a sticky header enabled via Elementor, so I assume that is what’s causing it? I noticed the spacing in a few other areas too, so I had to disable the following: 

    
:target:before, .elementor-menu-anchor:before {content: none !important;}

    Notsure if it will have any adverse effects on anything else. ;\

    Theme Author Creative Themes

    (@creativethemeshq)

    5 years, 2 months ago

    Hey @qwik3r,
    No, it won’t affect nothing else, this is just a small piece of CSS that helps to keep the anchor links in the viewport when you use the sticky header.

    Thread Starter qwik3r

    (@qwik3r)

    5 years, 2 months ago

    Great, thanks for clarifying.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Sticky header Elementor’ is closed to new replies.