Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 3, 2019 at 11:42 am #1073926
    TenMediaNL

    Hey there, is it possible to get the topbar sticky.
    See example:
    http://www.hydroflex.nl/nl

    Best regards
    Martijn

    March 4, 2019 at 1:13 pm #1074345
    Nikko

    Hey Martijn,

    Yes, try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header {
    padding-top: 30px;
}

#top #header_meta {
    position: fixed;
    width: 100%;
    top: 0;
}

    Best regards,
    Nikko

    April 15, 2019 at 9:42 am #1090889
    TenMediaNL

    Hey Nikko, first I have to thank you for all of the support. Excellent.
    A while ago you gave me a solution for a Sticky topbar, which works perfect.

    The only problem that we still have is that the topbar is a bit to high on smartphones. The logo will disappear underneath the top bar.
    Have a look on a smartphone you will see what I mean:

    Ritmeester InterFreight

    Hope you have the solution for this.

    Best regards,
    Martijn Koster

    April 16, 2019 at 6:48 am #1091222
    Rikard

    Hi Martijn,

    Please try the following CSS as well:

    @media only screen and (max-width: 767px) {
.av-logo-container {
    padding-top: 30px !important;
}
}

    Best regards,
    Rikard

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