• Resolved judynight

    (@judynight)


    I have a horizontal navigation menu that was working fine on desktop/mobile/iPad.
    Now it has turned into a dropdown menu with two little unmarked boxes serving as the locus of the dropdown menu on all but the desktop.
    This happened when I was changing the colors of the menu items, and I can’t think of any structural changes that would have done this.
    The site is:
    210restaurant.com

    Thank you so much for your help!
    Judy

Viewing 7 replies - 1 through 7 (of 7 total)
  • That looks like the normal behavior for a responsive menu, ie when the screen gets smaller, the menu condenses into the little boxes. The little lines/boxes are the indicator on mobile that there is are items that drop down. Possibly your theme may have a responsive menu option?

    Thread Starter judynight

    (@judynight)

    Thank you so much for your answer. But those boxes look so non-descript. Usually it would look like an arrowhead for a dropdown. I can’t find anything in the responsive menu options. And when I inspect the element, there’s nothing I can turn off or on that makes it look more typical.

    On line 759 of your style.css, change this:

    .border_menu_main:before {
        border-top: 1.5em double #f7f7e0;
        border-bottom: 0.5em solid #f7f7e0;
    }

    to this:

    .border_menu_main:before {
        border-top: 1em double #f7f7e0;
        padding-bottom: 5px;
        border-bottom: 1em double #f7f7e0;
    }

    To get a more typical look. You may want to play around with that a little but that should get you started.

    Thread Starter judynight

    (@judynight)

    Thank you. Is what you see on my page what you are talking about?

    Thread Starter judynight

    (@judynight)

    Oh my god–my site went down! I had to deactivate all the plug-ins to update for some reason. It was working fine. Now it’s gone.

    Thread Starter judynight

    (@judynight)

    It came back. I don’t know why it went down for about 5 minutes. I like the new look of the drop-down. Thank you. I think customers will understand that that is a drop-down menu now.
    Many thanks,
    Judy

    Awesome, glad that worked. Happy to help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Navigation menu turns into dropdown on mobile’ is closed to new replies.