Dropdown menu gap & page title - by lcribb

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

  • Avatar: lcribb
    lcribb
    Participant
    October 4, 2016 at 20:49

    Hi there

    I recently changed my hosting provider and after the backup and transfer of the site there were two changes to the site which I could do with your help with.

    1. There is now a gap between the menu item and the corresponding dropdown menu. That wasn;t ther ebefore, the drop down menu now also “flashes” / reloads when I mouse-over it. Could you tell me where the settings are to bring the dropdown back directly underneath the main menu item?

    2. Th epage titles are showing (e.g. “Store” and “Home”). I don’t want them to show up. Please can you tell me how I can suppress them?

    URL in the private comments box.

    Thanks for your help!

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 5, 2016 at 09:29

    Hello,

    You can add this code in Custom CSS:

    
    .header-type-3 .main-nav .menu > li{
       position: relative;
    }
    .page-heading h1{
       display: none;
    }
    

    Regards,
    Rose Tyler.

    Avatar: lcribb
    lcribb
    Participant
    October 5, 2016 at 10:08

    Thanks Rose, that worked great. It does seem to have reduced the dropdown menu width. What can I do to make that wider?

    Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 5, 2016 at 10:21

    Hello,

    Try it:

    .main-nav .menu > li .nav-sublist-dropdown {
        max-width: 200px;
    }

    Regards,
    Rose Tyler.

  • Viewing 4 results - 1 through 4 (of 4 total)

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

Helpful Topics

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