Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 21, 2017 at 12:10 am #879433
    dalejandrorinconp

    Hi !
    how can I implement the sticky header on mobile

    November 21, 2017 at 5:34 am #879496
    John Torvik

    Hey diego,

    Please, provide to us your website link – this way we can check it better.

    Best regards,
    John Torvik

    November 21, 2017 at 5:36 am #879498
    dalejandrorinconp
    This reply has been marked as private.
    November 22, 2017 at 2:12 pm #880260
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background: transparent;
    position: absolute!important;
}}

    Best regards,
    Yigit

    November 22, 2017 at 8:13 pm #880429
    dalejandrorinconp

    Hello, I have placed the code where you indicate me and nothing has happened

    November 22, 2017 at 8:20 pm #880432
    Yigit

    Hi,

    If you are using a caching plugin, please flush cache and refresh your page a few times. If that still does not help, please post temporary admin logins here privately so we can look into it :)

    Best regards,
    Yigit

    November 22, 2017 at 8:29 pm #880434
    dalejandrorinconp

    Sure,

    • This reply was modified 6 years, 12 months ago by Yigit. Reason: moved logins to private content field
    November 22, 2017 at 8:54 pm #880437
    Yigit

    Hi,

    It does show up fine on my end.
    Please flush browser cache and hard refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Best regards,
    Yigit

    November 23, 2017 at 7:35 pm #880884
    dalejandrorinconp
    This reply has been marked as private.
    November 24, 2017 at 5:27 pm #881323
    dalejandrorinconp

    good morning, I’m sorry for the inconvenience but I still can not resolve this issue, can you help me?

    November 25, 2017 at 2:07 pm #881594
    Victoria

    Hi dalejandrorinconp,

    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 #main {
    margin-top: 82px;
  }
  .responsive #top #wrap_all #header {
    background-color: #fff;
    position: fixed;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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