Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 4, 2013 at 12:13 am #184032
    haekke

    Hi,

    when resizing the browser and having a wide drop down, sometimes the dropdown menu still goes “right” and then is not fully visible in the browser because its too wide.

    Is there somehow to prevent the dropdown from every going close to the browser edge than say 10px? And if it does it should move the dropdown menu left?

    Thanks in advance.

    November 4, 2013 at 9:11 pm #184446
    Yigit

    Hey haekke!

    I checked your website on my iphone and dropdown menu works just fine. In my opinion it is not possible to fix the issue that happens when you re-size window. You can use one of Enfold’s default mobile menus to prevent the issue

    Best regards,
    Yigit

    November 4, 2013 at 9:32 pm #184459
    haekke
    This reply has been marked as private.
    November 4, 2013 at 9:37 pm #184462
    Yigit

    Hi!

    Sorry, i checked the wrong website. Can you post the link to your website?

    Best regards,
    Yigit

    November 4, 2013 at 9:42 pm #184467
    haekke
    This reply has been marked as private.
    November 4, 2013 at 9:45 pm #184468
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options 

    .main_menu .menu ul { right: 0; }

    Best regards,
    Yigit

    November 4, 2013 at 9:49 pm #184473
    haekke

    Thanks for fast response, but it does not work :(

    November 5, 2013 at 6:24 am #184650
    Ismael

    Hi!

    You can move the dropdown menu using this on your custom.css or Quick CSS:

    .main_menu .menu ul {
left: -100px;
position: absolute;
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Prevent dropdown from getting wider than browser’ is closed to new replies.