Home › Forums › Support › Mobile menu not visible This topic has 14 replies, 3 voices, and was last updated 6 years, 11 months ago by Tom. Viewing 15 posts - 1 through 15 (of 15 total) Author Posts April 26, 2017 at 1:42 pm #310674 Erik My mobile menu is not visible, what do i wrong? April 26, 2017 at 1:49 pm #310679 LeoStaff Customer Support Hi Erik, Can you provide a link to your site? Thanks! You can also try #1 on this page: https://docs.generatepress.com/article/debugging-tips/ April 26, 2017 at 4:26 pm #310769 Erik http://www.eigenwijskinderopvang.nl/wordpress/ April 26, 2017 at 4:38 pm #310773 LeoStaff Customer Support The menu toggle is there. It’s just white. Any reason why you choose to use background image in menu of blue instead of using the color add-ons? Usually the mobile menu have the color main navigation but they are currently all white right now. Let me know. April 26, 2017 at 4:52 pm #310774 Erik Thanks, i was not clear. Yes, because i’ll use tabs as menu items with round corners. I think that’s not possible with the normal function? April 26, 2017 at 5:07 pm #310784 LeoStaff Customer Support ok try setting background color back to white like you had it before, then add this CSS to change the menu toggle color: .menu-toggle { color: #000000; } Let me know if this works for you. April 26, 2017 at 5:15 pm #310787 Erik Thanks, it’s better but not yet perfect. On the mobile menu i’ll show a blue backgroundcolour and no tabs with round corners. April 26, 2017 at 5:25 pm #310788 LeoStaff Customer Support Ok remove the code I provided above and try this instead: @media (max-width: 768px) { .main-navigation { background-color: #1e72bd; border-radius: 5px } } April 26, 2017 at 5:45 pm #310794 Erik Thanks, i used this @media (max-width: 768px) { .main-navigation { background-color: #124295; } } but the hover still has a border-radius April 26, 2017 at 6:55 pm #310796 LeoStaff Customer Support Try wrapping this code you’ve added: .main-navigation .main-nav > ul > li > a { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 3px; } like this as well: @media (max-width: 768px) { .main-navigation .main-nav > ul > li > a { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 3px; } } April 27, 2017 at 4:09 am #310920 Erik When i use @media (max-width: 768px) { .main-navigation .main-nav > ul > li > a { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 3px; } } instead .main-navigation .main-nav > ul > li > a { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 3px; } the tabs are disappeared April 27, 2017 at 7:53 am #311025 TomLead Developer Lead Developer I think Leo meant to write it like this: @media (min-width: 769px) { .main-navigation .main-nav > ul > li > a { border-top-left-radius: 5px; border-top-right-radius: 5px; margin-right: 3px; } } April 27, 2017 at 9:04 am #311068 LeoStaff Customer Support Ahh right thanks Tom ๐ April 28, 2017 at 5:08 am #311483 Erik Great! Thanks Leo and Tom. April 28, 2017 at 9:17 am #311582 TomLead Developer Lead Developer No problem! ๐ Author Posts Viewing 15 posts - 1 through 15 (of 15 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In