Turn off Centric Pro Sticky Menu

[socialspark]

My header area is very tall because of the logo and social icons so that when I view it on landscape mobile I can't see any of my site to scroll. Is there a way to turn the sticky menu off at a certain width?

Also, I would like the logo to get smaller as the viewport gets smaller. I've tried some of the instructions I've seen but I'm not having any luck because the logo file is loaded from the customizer.

Thanks!

http://fredgrooms.com

[Brad Dalton]

What happens if you take the CSS for the sticky menu and add it to a Media Query and modify it

@media only screen and (max-width: 782px) {

    .site-header {
        background-color: #262743;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

}

You will need to modify the CSS above which is wrapped in the Media Query and change the value for the max-width:

---

Tutorials for StudioPress Themes & WooCommerce.

[socialspark]

Thanks, Brad. Changing the max-width didn't affect the sticky menu part of it, but I ended up just removing the social icons at the narrower widths and that gave me enough space at the top.

[Brad Dalton]

Cool. I thought that changing the position: fixed; declaration may have done the trick.

---

Tutorials for StudioPress Themes & WooCommerce.

[socialspark]

This reply has been marked as private.

[Author]

Posts