Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 5, 2022 at 12:19 am #1371396
    AuroraArcus

    Hello support,

    For my homepage, I would like to always have the logo position it self in the far most part of the left corner (with the possibility of still having some padding left and over the top of it)

    My issue is that when the users zoom in, they start having my menu on top of my logo and Im trying to avoid that:)

    Hope you can help me out

    Den kognitive diamant

    November 5, 2022 at 12:54 am #1371397
    Sozo

    Hello,

    I’m just a regular participant like you, but your help request caught my eye. I visited your site on a phone, tablet, and desktop and couldn’t help but notice your mobile menu only activates on the smallest of screen sizes, which means when you view it on a tablet or turn your phone in landscape mode, your menus and logos do overlap.

    To help fix this, you might consider changing the following.

    From the enfold menu, Enfold>Main Menu
    Under the option “Menu For For Mobile”, change the drop down menu to “SmartPhones & Tablets below 990px”

    The option below that asks about Screen Mode in Landscape Mode, set that to “use current screen width”

    To move the logo to the furthest point left,
    Also, Enfold> Header
    Under the tab that says Header Behavior, at the bottom is a button option that says “Let Logo & Menu Change to Fit Browser window” turn that ON

    Making those changes should fix your issue.

    November 5, 2022 at 12:32 pm #1371431
    Rikard

    Hi,

    If you are looking to activate the mobile menu at an earlier point, then please try this in Quick CSS:

    @media only screen and (max-width: 1385px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    November 5, 2022 at 7:36 pm #1371478
    AuroraArcus

    Hello Rikard,

    I think you answered Sozo instead of me:)?

    I was talking about the logo and in the desktop version. Don’t know if my question makes sense:)?

    November 6, 2022 at 1:30 pm #1371512
    Yigit

    Hi AuroraArcus,

    Please go to Enfold theme options > Header > Header Behaviour and enable “Let Logo And Menu Position Adapt To Browser Window” option.

    If it still does not help with the overlap issue, you can refer to this post – https://kriesi.at/documentation/enfold/menu/#toggle-id-87 and switch to mobile menu on wider screen sizes :)

    Best regards,
    Yigit

    November 6, 2022 at 8:35 pm #1371562
    AuroraArcus

    Hello Sozo,

    thanks a lot for the suggestions and the feedback you gave me. Really invaluable and it totally fixed the issue with the menus!!

    Thanks Yigit. It works really well:)

    November 6, 2022 at 9:39 pm #1371570
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Making logo always go to left corner’ is closed to new replies.