Front Page Menu Missing on Mobile


#1

Hello! My Front Page (primary menu below the contact info widget/header) menu looks fine on the desktop but is missing on the mobile version when I go to the website. What could be the cause? Thanks!


#2

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.


#3

Hi,

Please post a link to your website, so I can check.

Kind Regards,
Csaba


#4

Thank you Roman! www.storytellerofyou.com


#5

Hello, thank you for the link.

Currently your mobile menu button is black on black background so it’s invisible, try to use the following CSS code in order to make it white. You can add CSS code in Customize → Additional CSS section.

#header .btn-menu {
    color: white;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#6

Thank you Roman! Is it possible to get a match to the same color and format that is on the non mobile version? I.e. right now my main menu is a dark pink color which changes to yellow when you hover over it. Why can’t the mobile version display the same thing? Just confused why the mobile version would appear so different. Thanks again!


#7

You can use #ff0000 or any other color code instead of white in the code above.

Also you can use the following CSS code in order to change mobile menu font color.

#header #mainnav-mobi ul li a,
#header #mainnav-mobi ul li .btn-submenu::before {
    color: #ff0000;
}

Kind Regards, Roman.


#8

Thank you Roman! very much appreciated!


#9

You are welcome! :slight_smile:

Kind Regards, Roman.


closed #10