Testing a menu border caused my drop-down menu items to disappear (Sela theme)

  • Unknown's avatar
    puravidaeh · Member ·

    Hola WordPress miracle-workers! :)

    I recently tried adding a border to my site’s primary menu using the below code (which I obtained from this forum post: https://en.forums.wordpress.com/topic/menu-help-colorborderdrop-down-menuhover-color-etc?replies=10)

    #nav {
    border: 3px solid black;
    }

    Note: I changed the “#nav” to “.main-navigation” as per the design of my Sela theme, which worked fine.

    I tried the above code in my custom css only to see if I would like the look of the menu border, and after seeing it, I decided against using it. I deleted the above code from my css entirely, however the brief code addition/deletion has permanently affected my drop-down menus (not only in the customizer, but after publishing and viewing my live site with the border code deleted). The drop-down menus still exist, however site visitors are only able to see the very top of the menu as the full drop-down disappears behind the “featured image” of my “front page”.

    I am not sure why adding code and then deleting it right after would create a lasting problem in the css editor; I figured deleting the same few lines of code I tried adding a minute before would return my site to its initial state. Since it did not, now I am trying to find a way to have my drop-down menu items display again as they have always done for years before. I even tried adding the following lines of code (separately) to my css to make sure my site was not picking up any intent to have a menu border anywhere, but it did not solve the problem:

    .main-navigation {
    outline-style: none;
    }

    AND

    .main-navigation {
    border: none;
    }

    I am stumped. Nowhere in my current (published) css is there any code related to a border or outline, but for some reason my drop-down menus are still affected. Please help me make my drop-down menu items appear on top of or in front of all other page content once again! :)

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

  • melindahelt · Staff ·

    Hi

    I am not seeing any borders around your menus and I think I am seeing all of the drop down items (I see 7 items under the database menu, plus the additional fly out items).

    I’m suspecting that your browser is caching the old version. So you are seeing it incorrectly, but it looks ok to the general public.

    Please clear your browser cache and see how it looks on your end. Take a look at the middle section of this link if you need to know how to do that: https://en.support.wordpress.com/browser-issues/

    Hope this helps! Let us know if you have any other questions.

  • The topic ‘Testing a menu border caused my drop-down menu items to disappear (Sela theme)’ is closed to new replies.