I need help with the submenu on the navigation bar

  • wgalbreath

    (@wgalbreath)


    3 years, 7 months ago

    Hello! I have a website with a custom theme. I need help creating a subheader on the navigation bar so that the “Accessibility” tab fits nicely under “About Us”. Right now, “Accessibility” is just floating over the background image (when you hover over “About Us”, but I want it to look neater and be right underneath the “About Us” page.

    I have been troubleshooting in the Appearance > Theme Editor section, but not having much luck with the coding.

    Please let me know how I can do this. Thank you!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • George Appiah

    (@gappiah)

    3 years, 7 months ago

    Helllo,

    This should position the drop-down menu directly under the parent menu:

    .dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 40px;
left: 0;
}

    If you prefer for the drop-down to appear to be centered under the parent, use a negative value for the left positioning eg left: -20px. You may also change the top position value to whatever works best for you.

    The above code should go into the APPEARANCE => CUSTOMIZE => ADDITIONAL CSS box, or wherever you maintain your custom CSS.

    Good luck, and if it works for you, kindly mark this as RESOLVED.

    davinawatson2

    (@davinawatson2)

    3 years, 7 months ago

    Hello
    Do want menu bar like this site https://bit.ly/3hvoUTU . If you want this type of site menu then i can guide you to make menu like this.
    Let me know. Thanks!

    Thread Starter wgalbreath

    (@wgalbreath)

    3 years, 7 months ago

    @davinawatson2 Yes, that is exactly what I want it to look like. Please let me know, Thank you!!

    Thread Starter wgalbreath

    (@wgalbreath)

    3 years, 7 months ago

    @gappiah Hi George, thanks for your help. I made those changes and it improved it, but now the “About Us” page doesn’t highlight dark green when I hover over it.
    I also would like the dropdown menu to look like this: https://worldwidebestofficechairs.com/best-ergonomic-office-chairs/ (with a background color and having that arrow beside the main tab). Also, with multiple tabs underneath now, I need them to fall vertically instead of side-by-side. Thanks!

    • This reply was modified 3 years, 7 months ago by wgalbreath.
    Thread Starter wgalbreath

    (@wgalbreath)

    3 years, 7 months ago

    Hello, is anyone able to help me with this, please?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘I need help with the submenu on the navigation bar’ is closed to new replies.