Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #833551

    Hallo,

    My website has a bug since update. Title bar is being blocked by header at around 770px screen. See website: http://www.hkcncservice.nl
    Wat is happening? Please help!

    Thank you in advance!

    Edit: my custos css:

    .title_container .breadcrumb {
    position: relative !important;
    right: auto !important;
    margin-top: 0px !important;
    left: -3px;
    margin-bottom: 25px !important;
    }

    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}

    #wrap_all {
    position: relative !important;
    }

    #833562

    Hey,

    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: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 120px !important;
    }}
    

    Best regards,
    Yigit

    #833563

    Thank you, that works almost perfect! Just one thing now: the menu disappears behind the logo when I make the screen smaller. Fix for that to? :)

    Thank you in advance!

    #833615

    Hi,

    Glad it worked :)
    Please remove following code from your custom CSS

    @media only screen and (max-width: 1024px) {
    #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
    nav.main_menu { display: none; }}
    
    #wrap_all {
    position: relative !important;
    }

    Best regards,
    Yigit

    #833815

    Hey Yigit,

    Thanks for quick reply again :)! Unfortunately it did not work. Menu is still behind logo when at smaller size. See screenshot attached. What could be solution?

    Header Logo

    #833837

    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: 1030px) and (min-width: 990px) {
    .av-main-nav > li > a {
        padding: 0px 9px;
    }}
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
    Best regards,
    Yigit

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