Changing the menu color
- This topic has 7 replies, 3 voices, and was last updated 6 years ago by
Grace Themes.
-
AuthorPosts
-
May 3, 2018 at 1:18 pm #8991
Bruno Waser
ParticipantHow can I change the color for the menu for mobile devices only?
Please don’t tell me: “Send the login data for my website”
If that’s not possible for me to change, then this theme goes to waste. Friendly greetingsMay 4, 2018 at 9:39 am #9016Grace Themes
MemberHi Bruno,
To change the menu color in mobile devices
Go to Appearance -> Editor -> style.css file
add below css code and change the color code as per your need.@media screen and (max-width:767px) { .header-nav ul li a, .header-nav ul li.current_page_item ul li a { color:#FF0000 !important; } .header-nav ul li a:hover, .header-nav ul li.current_page_item a, .header-nav ul li.current_page_item ul li a:hover, .header-nav ul li.current-menu-ancestor a.parent { color:#00FF00 !important; } }
Please do this change and let me know your feedback.
Regards
Grace ThemesMay 5, 2018 at 1:29 pm #9026Bruno Waser
ParticipantThank you. Worked perfectly.
Regards
Bruno WaserMay 6, 2018 at 4:17 am #9027Grace Themes
MemberHi Bruno,
You are most welcome..!
Regards
Grace ThemesAugust 27, 2018 at 10:49 am #10943Holger Engel
ParticipantHi, I have the same issue that the Menu color on mobile devices is different from the PC version.
With the tip above I could partially fix it:I could change the font colors to make it at leasdt legible.
However, how can I change the Menue background color to make it look as on the PC version?A second issue: I added a page title & sub-title on my starting page. On mobile devices in horizontal view, the body text of the pages is now starting below the mainpage header and is partially not readable. How to fix?
Thx in advance!
Holger
August 28, 2018 at 6:28 am #10949Grace Themes
MemberHi Holger,
To change the background color of menubar in mobile devices
Go to Appearance -> Theme Options -> Basic Settings -> Background Colors -> Select background color for toggle menuTo change the menu background color in mobile version
Go to Appearance -> Editor -> style.css file
add below css code and change the color code as per your need.@media screen and (max-width:767px) { .header-nav ul li { background-color:#000000 !important; } }
Second issue: Please send your website URL and some screenshot where the problem is getting so we can check and assist you.
Regards
Grace ThemesAugust 30, 2018 at 4:23 pm #10982Holger Engel
ParticipantThanks – this works!
Will send you the screenshot of the second issue to oyur support E-Mail.
Thx,
HolgerAugust 31, 2018 at 7:01 am #10998Grace Themes
MemberHi,
1. To solve the issue, add below css code in
Appearance -> Editor -> style.css file@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .innerbanner { min-height:140px; } }
Regards
Grace Themes -
AuthorPosts
- You must be logged in to reply to this topic.