Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #116354
    Chris
    Participant

    I would like my secondary menu to be sticky (fixed) as per the standard scroll behaviour of the primary menu

    http://samuiluxuryboat.com

    Please could someone help me with additional CSS code to make this work?

    Thank you in advance!!

    Chris

    #content article {
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
    }

    #hgroup-wrap.container {
    width: 98%;
    }
    #masthead,
    #masthead.fixed-header {
    padding: 1;
    }
    #masthead #site-logo img {
    max-height: 80px;
    }
    #masthead.fixed-header #site-logo img {
    max-height: 52px;
    }
    #site-title {
    padding-top: 10px;
    }

    @media
    screen and (max-width: 980px) {
    #site-title {
    font-size: 18px;
    line-height: 1.65;
    padding-top: 10px;
    }
    #masthead,
    #masthead.fixed-header {
    padding: 0;
    }
    #masthead #site-logo img {
    max-height: 70px;
    }
    #masthead.fixed-header #site-logo img {
    max-height: 52px;
    }
    .mobile-menu-bar:before {
    font-size: 30px;
    }
    .mobile-menu-bar {
    height: 33px;
    width: 33px;
    margin-top: 12px;
    }
    .fixed-header .mobile-menu-bar {
    margin-top: 7px;
    }
    .mobile-menu {
    top: 71px;
    }
    .fixed-header .mobile-menu {
    top: 53px;
    }
    }


    @media
    screen and (max-width: 980px) {
    #header-left { width: 100%; }
    #secondary-mobile-menu { float: right; }
    }

    .home #content-sidebar { padding-top: 0; }
    .home #content-sidebar .entry-header { display: none; }

    #116368
    Mahesh
    Participant

    mrcrm111: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    #masthead.fixed-header + #main-wrapper #secondary-menu {
        position: fixed;
        top: 64px;
        width: 100%;
        z-index: 999;
    }

    Regarsd,
    Mahesh

    #116391
    Chris
    Participant

    Excellent, works perfectly thank you very much.

    #116444
    Mahesh
    Participant

    @mrcrm111: I hope I was able to resolve your issue. Would you mind taking a few minutes to write a review for me please? I’d really love to know what you think of my support.
    https://wordpress.org/support/theme/adventurous/reviews/#postform
    Your feedback is deeply valued as it will help potential clients read about your experience and also help me improve.

    Thank you so much for your help!

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sticky Secondard Menu’ is closed to new replies.