submenu too far from main menu

  • peterobinsonwp

    (@peterobinsonwp)


    5 years, 8 months ago

    Hi,
    Apologies if this has been covered already as it seems like a really basic issue but I’ve not found a solution by searching.

    I’m using Elementor free and Astra free.

    I’ve added a simple submenu to my main header menu under the word ‘MENU’ as I want to keep all my text based links separate from social icons. Works ok but the dropdown is opening really low (under the header banner image) which looks a bit crap. Is there a way of changing this? Ideally I’d like it fairly tight to the main menu.

    Huge thanks in advance,
    Pete

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Davood Denavi

    (@binarywc)

    5 years, 8 months ago

    I just took a look at your site… It looks like the issue is with Astra not Elementor…I’d suggest contacting their development community here: https://ww.wp.xz.cn/support/theme/astra/

    Moderator bcworkz

    (@bcworkz)

    5 years, 8 months ago

    A crude partial fix:

    .sub-menu {
    top: 115px !important;
}

    Added to the Additional CSS panel of the customizer.

    It really needs to be in a media query so it’s not applied to mobile displays. A more proper solution would require involvement of the theme devs like Davood suggests. Or use your browser’s element inspector developer tool to help you work out a solution for yourself. You need to find the breakpoint where the theme’s mobile CSS is applied in order to compose a proper media query.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘submenu too far from main menu’ is closed to new replies.