Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 27, 2018 at 3:46 pm #918510
    niguli

    Hi site is https://www.weddingplannersintuscany.com/

    I need to modify the breakpoint for hamburger menu to appear under 1290px screen size.

    I put in Quick CSS:

    @media only screen and (max-width: 1290px) {
.av-burger-menu-main { 
     display: block !important; 
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
     display: none !important;
}
    #top .av_mobile_menu_tablet .av-main-nav #menu-item-search {
     display: block !important;
}   
}

    but it does not work, can you please help me?

    February 28, 2018 at 5:51 am #918802
    Rikard

    Hey Nicola,

    It’s breaking at that pixel width on my end, so it is working. Please clear your browser cache and reload the page.

    Best regards,
    Rikard

    February 28, 2018 at 8:03 am #918842
    niguli

    I solved yesterday.
    I had to put the code at the end in /enfold-child/style.css and it worked.

    If I put in QuickCSS it did not work, don’t know why…

    thanks

    February 28, 2018 at 8:27 am #918849
    Nikko

    Hi,

    Glad that it’s working fine now :) I think the reason why it’s not working if you put it on Quick CSS is you might have some unclosed brackets or comments which aren’t closed causing the code to be ignored. Let us know if you need further assistance :)

    Best regards,
    Nikko

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