Remove extra spacing before drop-down window

  • Unknown's avatar
    bamgraphics · Member ·

    I’m a bit of trouble removing extra space at the beginning of a dropdown menu.

    The wordpress site – when reduced for phones – has a dropdown menu. The menu shows up and seems to be working properly. Unfortunately, before the links in the menu, there is a block (height about 200px) that I can’t get rid of.

    I’m not that much of a coder – just CSS. I can isolate the block but when trying to remove or delete it, it deletes the entire menu.

    <nav class=”main-menu in-menu-bar”>

    <div id=”primary-menu” class=”menu”><ul aria-expanded=”true” class=” nav-menu”>
    <li class=”page_item page-item-61 current_page_item”>Coaching & Workshops
    <li class=”page_item page-item-341″>Free Gift
    <li class=”page_item page-item-200″>Shop

    etc…
    </nav>

    I can identify the item called “id:primary-menu” but every time I try to delete it or make it “display-none”, it deletes the entire nav.

    I don’t need to worry about the pages on a full-screen device – there’s a menu there already.

    Not sure what to do.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    bamgraphics · Member ·

    bam

  • staff-mckluskey · Staff ·

    Hi there!

    What’s the address of the site you’re working on?

    Please note that these forums are for WordPress.com hosted sites only. If your site is using the open-source WordPress.org software, we won’t be able to help you out and you’ll want to seek help at these forums:

    https://wordpress.org/support/forums/

  • The topic ‘Remove extra spacing before drop-down window’ is closed to new replies.