• Hello, I’m having an issue with my menu disappearing when my blog is viewed on mobile.

    My blog is: lasnark.com

    The word “Menu” appears in hard to read dark font on the black background, and is clickable to reveal a drop down menu of the pages, but I would prefer to have the page names visible on mobile if possible.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi lasnark,

    I would suggest to make the background somewhat light to make it more visible to the users. If you think this would work then you can do it by the following codes.

    Add the codes to the your theme’s style.css file. I would suggest you to make all the changes using child theme, so that all your changes stay preserved even after you update the theme in future.

    .nav-open, .nav-close {
        background: none repeat scroll 0 0 #800;
    }

    you can choose the color hex code of your choice

    Hope it helps!!

    Thanks

    Thread Starter lasnark

    (@lasnark)

    Thanks Maruti, that is a good suggestion, though ideally I’d like to have the menu options appear without having to use a pulldown. Do you know how I could do this?

    Thanks again.

    Hi Iasnark,

    Do you mean to say that you dont want to use the mobile menu, which makes the menu appear in a drop down.

    Do you want to show the menu as it is shown in a desktop screen?

    Thanks

    Thread Starter lasnark

    (@lasnark)

    Hi Maruti, yes that is what I would like.

    Hi

    I would suggest not to do that cause sometimes the traditional menu has issues on mobile devices and also doesn’t look good, but if you still want to go ahead, then you can do it by removing/commenting the css from line number 425 to 467 from the theme’s style.css file.

    This starts with this
    @media only screen and (max-width: 60em) {

    Hope it helps !!!

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu disappears on mobile’ is closed to new replies.