Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 12, 2020 at 10:43 am #1245306
    marsh1984

    Hi team,
    How do I adjust the top bar height so that it doesn’t sit over the header on mobile. Note, top bar is sticky.
    Here is screen shot:https://ibb.co/4T5h6tq

    This is current top bar css

    /*Top bar font size*/
    #header_meta * {
    font-weight: 700;
    font-size: 15px;
    }

    /*Top bar sticky mobile*/
    #header_main {
    padding-top: 30px;
    }
    #header_meta {
    position: fixed;
    width: 100%;
    }
    Thanks

    September 12, 2020 at 5:50 pm #1245399
    Victoria

    Hey marsh1984,

    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:479px){
    #header_main {
        padding-top: 60px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.