Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1188287

    hello enfold team,

    I wanted the sticky header in mobile as well so I added the following shortcode:
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
    position: fixed
    }
    }

    it works, the header shows up, but now it overlays the top part, hiding some of the UI.
    how can I fix that?

    • This topic was modified 4 years, 4 months ago by Rio1.
    #1188608

    Hey Rio1,

    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: 767px) {
      .responsive #top #wrap_all #main {
          padding-top: 100px !important;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

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