Return to previous page

Small Header Problem When Making Dropdown Menu Selection

This topic has 4 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Olga Barlow

  • Avatar: georcarson
    George
    Participant
    December 28, 2016 at 18:41

    Problem with dropdown menu due to small space (shows slider background) between small header and dropdown menu selection box area: When scrolling down a page and the small header appears and you place your cursor over a Webpage you want to look at and a dropdown menu appears, as you move your cursor downward to make your specific selection, the dropdown menu disappears once your cursor moves from the header area and passes over the small space that shows up between header and dropdown area. If you move your cursor fast it “jumps” over the space it seems and everything ok. Need help.

    Please, contact administrator
    for this information.
    #150441 Copied Theme version: XStore Child Theme WooCommerce version: 2.6.11
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 30, 2016 at 09:36

    Hello,

    Add the following custom in Theme Options > Styling > Custom CSS

    .fixed-header .nav-sublist-dropdown {
    margin-top: -10px;
}

    Regards

    #150557 Copied
    Avatar: georcarson
    George
    Participant
    December 30, 2016 at 15:22

    Thanks! It worked fine.

    #150591 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 30, 2016 at 20:06

    You are welcome!

    Regards

    #150626 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – 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.