Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1247697

    Hi,
    i wanted to have a sticky menu on mobile. I copy paste CCS code below but i have a strange black bar below my sticky menu on mobile.
    can you help me please ?

    /* Sticky header on mobile */
    @media only screen and (max-width: 767px) {
    .responsive #top #main {
    /* Margin top value should be equal to header height*/
    margin-top: 180px;
    }
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    }

    #1247941

    Hey ced23,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1247943

    Hi Victoria,
    Of course . Sorry. See in private area.
    Thanks

    #1247981

    Hi ced23,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 989px) {
        .responsive #top #main {
            margin-top: 82px;
        }
        .responsive #top #wrap_all #header {
             position: fixed;
        }
        #top .av_header_transparency .header_bg {
            background-color: #ffffff;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1248009

    Hi,
    It works perfectly.
    Thanks for your support

    #1248071

    Hi,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1248242

    Hi, you can close the ticket.
    Thanks

    #1248314

    Hi ced23,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sticky menu on mobile’ is closed to new replies.