Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 2, 2017 at 4:48 pm #833551
    sanderhudepohl

    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;
    }

    August 2, 2017 at 5:05 pm #833562
    Yigit

    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

    August 2, 2017 at 5:10 pm #833563
    sanderhudepohl

    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!

    August 2, 2017 at 8:25 pm #833615
    Yigit

    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

    August 3, 2017 at 10:53 am #833815
    sanderhudepohl

    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

    August 3, 2017 at 11:56 am #833837
    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: 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

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