Need burger / mobile menu help

  • jwhitesides

    (@jwhitesides)


    11 months, 2 weeks ago

    Two things:

    1. In mobile it is showing two burger menus. I want the “left” side one to disappear when it’s on mobile. I only want the “right” side burger menu to show.
    2. In the right side burger menu, the “home” link has a border around it. I’d like that to not be there.

    Any ideas on how to make that happen? I tried searching the forum for the answer to when I created these two menus. But it longer seems to be here.

    thank you for the help.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Carolina Nymark

    (@poena)

    11 months, 2 weeks ago

    Hi

    WordPress does not include a way to hide elements on different screen sizes.
    To do this you either need to write and add your own custom CSS, or install a plugin.
    For example, https://ww.wp.xz.cn/plugins/block-visibility/

    I do not see a border around the button. Perhaps you already solved it, or perhaps you can add more details about the problem you need help with.

    Thread Starter jwhitesides

    (@jwhitesides)

    11 months, 1 week ago

    What would be an example of CSS that would do that?

    Thread Starter jwhitesides

    (@jwhitesides)

    11 months, 1 week ago

    @media all and (min-width:320px) and (max-width: 599px) {
    .wp-container-core-navigation-is-layout-1 {
    display:none !important;
    }

    Is the code that I have in there that has stopped working. Not sure why it stopped.

    Thread Starter jwhitesides

    (@jwhitesides)

    11 months, 1 week ago

    Can someone explain how I can find the name of the left burger menu so I can target it?

    Carolina Nymark

    (@poena)

    11 months ago

    Hi
    I do not see two hamburger menus on the site.
    You can select the navigation block, open the settings tab in the sidebar, and add your own class name the block in the “Advanced” panel.

    Thread Starter jwhitesides

    (@jwhitesides)

    11 months ago

    Oddly, it is showing two burger menus on my iPhone, on a friend’s android, but not on my laptop or studio machine if I squeeze the browser window down. Which is bizarre, why would it show two burger menus only on phones?

    Carolina Nymark

    (@poena)

    11 months ago

    Maybe it is specific to some mobile browsers?
    I have an android but I only see one hamburger menu in Chrome, Edge and Opera.

    Carolina Nymark

    (@poena)

    11 months ago

    Did you clear the cache on your mobile browser?

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Need burger / mobile menu help’ is closed to new replies.