Sticky Header not working

Shapely
1

Hello,
I have enabled sticky menu but it is not working, in that if I scroll down it does not leave the menu on top of the window…
is that a bug or I am missing something?
Thanks,
Umberto

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
the problem was reported by another customer, can I take a look? I need to see your live website, please provide url and I will take a look

3

sure thing,
http://funzionamente.it/wp-admin/

there is a on build plugin active so you need to log in:
username: ColorlibSupport
password: iSHRsT!&aa1$uPMA$T0OG3kg

thanks in advance,
Umberto

4

Hello,
we have same problem. Switch off and on, nothing changed. Menu/Header disappears if scrolling down.

5

Additional information:
Website: www.pellasietas.com
Changes? Some plugins had updates, do not remember which ones.
So here a list of aktive Plugins:
Addenio PLUS 1.1.1
Child Theme Copnfigurator 2.3.0
Contact Form 7 5.0.2
Enable Media Replace 3.2.5
FancyBox for WordPress 3.0.13
GDPR 1.4.7
Google Analytics for WordPress by MonsterInsights 7.0.6
Google Analytics Opt-Out 2.1.4
Jetpack von WordPress.com 6.1.1
NextGEN Gallery 3.0.1
Page Builder by Site Origin 2.6.7
Polilang 2.3.6
Rich-Web Tabs 1.1.4
Shapely Companion 1.2.3
SiteOrigin Widgets Bundle 1.11.8
Velvet Blues Update URLs 3.2.8
WP DoNotTrack 0.8.7
Yoast SEO 7.5.1

6

Hello there,

You can use the following CSS code to add the sticky feature by going to Appearance > Customize > Additional CSS and pasting it there.


/*Sticky header*/
header#masthead {
    position: fixed;
    width: 100%;
    z-index: 100;
}

Best Regards,
Support

7

Ok, will try out tomorrow.
Did you found the problem and will there come up a general fix?

Thanks

8

Hello there,

I hope you are doing well today.

The core issue has not been found because I have tested the theme and the error does not appear with the current version of the theme, so it may be a plugin setting that is conflicting with the theme settings.

Best Regards,
Support

9

The CSS code you provided resolved the issue. Thanks!

10

I will close this case now, Feel free to contact us again if you have other questions Thanks!

11

Hi! I’ve been trying to make the header for the website www.tokyoesque.com freeze in place so that it is still visible and clickable when scrolling down, but the code I have tried has shifted some text on the homepage to an undesirable position. Can anyone help me find a way to get the sticky header to work without messing up the position of other elements of the page?
I have tried the code provided above, but it caused the difficulties mentioned where text got moved around:
/Sticky header /
header#masthead {
position: fixed;
width: 100%;
z-index: 100;
}

12

Hi there

I just replied here: Sticky Header Code Causes Text to Move - #2 by colorlibsupport

Please don’t duplicate questions