Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Space between main menu and dropdown submenus

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #53130


    First thank you for providing this free theme. It loads really nicely and looks awesome.

    I’ve updated to the most recent version of Interface(free) today and noticed something annoying I haven’t seen before. When I’m on the main page, all goes well. But as soon as I’m viewing a single blog post, there’s a gap, an unnecessary space between the main menu on the top of the page and the dropdown menus. The dropdown menus are laid out too low.

    See here for example. If you hover above two of the menu items on the top of the page (either “hacks” or “portfolio”), you’ll notice that the dropdown menus open too low, at the level of the green band and title.

    Is there any way I can add some css to make the single entry dropdown menus behave like those on the main page?

    Thank you for your time.


    Hi Schoukah,

    We have not change appearance on menu.
    If you downgrade back to the previous version you will see same appearance as you see on the latest version.

    To reduce the gap between the main menu and the dropdown menu just Go to Appearance > Customize > Interface Theme Options > Custom CSS and paste the below CSS code then click on Save button.

    #access ul li ul {
        top: 70px;

    Thank you for appreciating our work.



    This worked perfectly! Thank you so much for suggesting just right thing! It’s exactly what I needed.

    Thanks! This made my day.



    You welcome Sarah.

    Could you also please help us rating this theme in WordPress Repository.

    We really appreciate your rating.

    Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.