• Hello Guys,

    So I don’t know at what point this got like this or I don’t know if it was like that already, but for some reason the submenus are not aligned to my main menu. When you pass the mouse over the menu, the submenu drops not right under it but displaced to the left. Any one could help me with this?

    page is: http://www.veranoennuevayork.com

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • I get a “Pagina en Construccion” when I visit the site.

    Thread Starter CarlosNA

    (@carlosna)

    Sorry. Page is up now. Any suggestions ?

    Looks fine in Chrome latest version, I mean submenus are right of previous headline/menu. Do you use Internet Explorer browser?

    Actually the submenus are aligned correctly. It looks like they are offset to the left, but if you compare the text in the submenu to the text of the main menu item, you’ll see that the text lines up. And if you were to add a border around the main menu item, you would see that the left side of the submenu lines up right under the left edge of the main menu item.

    If you wish to shift the submenus over, you can add this CSS rule either by creating a child theme or use a CSS plugin like Jetpack or Custom CSS Manager (or use the theme’s custom CSS option if it has one).

    .sf-menu ul.sub-menu {
       left: 20px;
    }

    The current value is actually 0px. 20px seems to shift it over enough where it looks good, but you can use whatever value you’d like.

    Thread Starter CarlosNA

    (@carlosna)

    Yes! I did it through Jetpack plugin

    .sf-menu ul.sub-menu {
    left: 20px;
    }

    That worked! Thanks crouchingbruin!

    I noticed one change you need to make. The way the rule is currently written, your second level submenu overlaps the parent submenu (e.g., Transport → From the Airport). Change the rule to this:

    .sf-menu > li > ul.sub-menu {
       left: 20px;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Submenu not aligned to main menu. How do I fix this?’ is closed to new replies.