Return to previous page

All Department dropdown menu not aligned

This topic has 2 replies, 2 voices, and was last updated 4 months ago ago by Rose Tyler

  • Avatar: Crazystar
    Crazystar
    Participant
    November 26, 2024 at 10:09

    Hello. I have a test website with Animals demo here: https://test33.webprofi.sk

    I set up all departments menu… on first menu item I set up classic dropdown structure (not mega menu) but I have problems that second colum of dropdown menu is not aligned and its starting on the top of the page as you can see here on screenshot: https://prnt.sc/L_RnwaCSJ6O5

    What is the correct solutions to align this secondary dropdown with main container (all departments ? )

    For now I fixed the problem with this custom CSS:

    .secondary-menu-wrapper .menu .item-design-dropdown.menu-item-has-children:first-child .nav-sublist-dropdown {
  top: 203px;
}

    but I’m not sure if its correct solution because there are px units and I’m afraid of responsivity.

    Thank you

    #425258 Copied
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 26, 2024 at 15:12

    Hello, Crazystar,

    Thank you for reaching out to us.

    The code you mentioned can be used as it is because, on smaller screen sizes, the mobile menu will already be applied. However, if you need to apply the code specifically for certain devices, you can do so by navigating to Theme Options > Theme Custom CSS. There, you will find dedicated areas for customization. For example, you can add code that will only apply to desktop devices.

    We hope this information is helpful.

    Best regards,
    The 8Theme Team

    #425308 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.