Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 26, 2020 at 10:27 pm #1188287
    Rio1

    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, 10 months ago by Rio1.
    February 27, 2020 at 8:27 pm #1188608
    Victoria

    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

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