Okay
  Public Ticket #1155533
menu behaviour on section scrolling pages
Closed

Comments

  • Boris started the conversation

    Hi,

    I would like my menu to behave exactly like yours on the one-page, or parallax example, but on a page made with your section full screen widget.

    To be precise : 1st, no background on the menu, then, as I start scrolling, the menu shrinks a bit, and a background-color appears.

    Is that possible, and how do I do it?

    I've tried to change the css to add a background color instead of the background:none; in global.css line 351, but that fucks everything up.

    Thank you for your good work!

  •  30
    Ziga replied

    Hello,

    thank you for purchasing our theme.

    Unfortunately, by default this is not possible. You will need to add the below code under Theme Options - Custom Code - CSS:

    @media (min-width: 992px) {
        body.fp-viewing-section-1 .site-header .nav-row {
            border-bottom: none;
        }
        body:not(.fp-viewing-section-1) .site-header .nav-row {
            background-color: #fff !important;
            border-bottom: 1px solid #e1e1e1 !important;
            height: 75px;
            padding-top: 15px;
        }
        body:not(.fp-viewing-section-1) .site-header .nav-toggle svg {
            stroke: #222 !important;
        }
    }
    

    Let us know if you have any further questions.

    Kind regards,

    Ziga Miklic