Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 19, 2018 at 1:40 am #998829
    yingyang

    I flushed my cache after adding the code below to my style.css file but the menu still scroll up on mobile, i want it to be sticky just like desktop, what is missing?

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
}
.responsive #top #main {
    padding-top: 131px !important;
}
}
    August 19, 2018 at 2:01 pm #998913
    yingyang

    Looks like it was caching related, had to be patient as its workign now

    • This reply was modified 6 years ago by yingyang.
    August 19, 2018 at 5:09 pm #998975
    Victoria

    Hi kilimats,

    Glad you got it working for you! :)

    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

    
.header-scrolled.header-scrolled-full .av-burger-menu-main.menu-item-avia-special a,
.header-scrolled .av-burger-menu-main.menu-item-avia-special a {
    line-height: 75px !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 19, 2018 at 8:55 pm #999081
    yingyang

    Doesnt appear to be working, you can see the misalignment in private url below, also what should i change in my original code below to hide the secondary menu when scrolling down?

    thanks in advance !

    August 20, 2018 at 9:09 am #999227
    Victoria

    Hi kilimats,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    August 22, 2018 at 5:50 am #1000137
    yingyang

    I did but still the secondary menu stick to the top, can you share the css code to hide it on scroll for mobile only?

    August 22, 2018 at 1:46 pm #1000315
    Victoria

    Hi kilimats,

    Do you mean the top menu with the buttons “Contact us” and “Client login”?

    Best regards,
    Victoria

    August 22, 2018 at 2:35 pm #1000355
    yingyang

    See private

    August 24, 2018 at 10:43 am #1001105
    Victoria

    Hi kilimats,

    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) {
    #header_meta {
        display: none;
    }
    .responsive #top #wrap_all .main_menu {
        top: 32px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 27, 2018 at 11:58 am #1002223
    yingyang

    Almost there, any idea why they are not aligned?

    • This reply was modified 6 years ago by yingyang.
    August 27, 2018 at 4:02 pm #1002333
    Vinay

    Hi,

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

    CSS Snippet:

    
/* CSS - hamburger menu */
.html_visible_cart .av-burger-menu-main {
    padding-top: 33px;
}

    Best regards,
    Vinay

    August 27, 2018 at 4:05 pm #1002335
    Victoria

    Hi kilimats,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

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