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

    Hi!

    Playing with CSS suddenly messed up the logo placement.

    Any idea what to do?

    http://bevlogenverf.nl/

    #236969

    Hey Willem-Paul!

    Please add following code to Quick CSS in Enfold theme options under Styling tab to fix menu issue

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

    Can you elaborate on logo issue? A screenshot would help

    Cheers!
    Yigit

    #237128

    this is the screenshot oploaded on my site.

    check how the logo is cut off

    also when the screen gets smaller the main menu bar does crazy stuff and puts one menu item dangling under the entire bar

    http://bevlogenverf.nl/testscreen/

    #237596

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1340px) and (min-width: 1140px) {
    .logo, .logo a, .logo img { max-height: 66px!important; }}
    @media only screen and (max-width: 990px) and (max-width: 1139px) {
    .logo, .logo a, .logo img { max-height: 38px!important; }}

    Regards,
    Yigit

    #237791

    a little has changed

    change the size from your screen to tablet

    look at the menu. it pops one menu item down??

    http://bevlogenverf.nl/

    really funny werid and ugglllyyy hehe

    any idea?

    #238859

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px)
    .responsive #header_main .container {
    height: 70px !important;
    }
    .responsive .mobile_slide_out .logo { max-height: 80px !important; height: 80px!important; }}

    Header gets very small on mobile and this custom CSS should fix it. I could not reproduce “popping one menu item down” issue on my end :)

    Cheers!
    Yigit

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