Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #566543

    Hi My site is full width of the page.

    I have 7 Menu items and when you make the browser window smaller the menu items overlaps onto the logo is there a way to fix this such as having to use the control arrows on the browser?

    #566590

    Hey shefferz!

    I have tried the menu and could not see any part that has an actual problem.
    Can you please let us know the screen size you tested it at?

    Regards,
    Basilis

    #566653

    Basilis,

    I switched the layout to menu above menu center. – please check it now. I switched it back to logo left menu right.

    #566740

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling to activate the mobile menu at an earlier stage:

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

    Thanks,
    Rikard

    #566802

    OK thanks that does work, however I dont like having the mobile menu on a PC screen.

    Would there be a way to trigger the Logo center, menu below header option once the screen width hits a certain width?

    #566924

    Hi,

    It would most likely take a lot of customisation unfortunately, but send us an admin login in private and we’ll have a look. There seems to be a password prompt before being able to access your site now as well, please send details for that too.

    Thanks,
    Rikard

    #567474

    Hi Rikar,

    See below.

    #568222

    Hey!

    you could try something like this:

    @media only screen and (max-width: 1150px) {
    .logo {
    left: 34%;
    }
    nav.main_menu {
    display: block !important;
    top: 59px;
    }
    #advanced_menu_toggle, #advanced_menu_hide {
    display: none !important;
    }}
    

    adjust it as needed, especially max-width value and even add a min-width value if needed.

    Best regards,
    Andy

    #568789

    We are getting in the right direct,

    however changing the % for .logo { left: 34%;} doesn’t move the logo center above the menu.

    Also – when the menu right drops down and goes below the logo – I need the header background to drop down as well so you can read the menu text.

    Thanks!

    #569378

    Hey!

    then try to add an !important to it:

    .logo {
    left: 34% !important;
    }
    

    Best regards,
    Andy

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