Hi, I am trying to style the mobile menu on a new site in 7.1. Wow, very frustrating that this is not an option!
First, I am just confused where the default styles are inherited from.
Second, I have figured out how to change the background color of the middle and bottom portions of the mobile menu with custom CSS, but I have not had success changing the top header piece (I ultimately want the whole background of the menu to be completely blue #2f4e98, with white type and the button as is).
Third, is it possible to specify a different logo (full color) for mobile if I were to stick with the cream background?
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) {
.header-menu-bg.theme-bg--primary {
background: red !important;
}
}
If you know HTML/CSS, you can use Inspect E
SS has changed the code structure of the burger menu recently, so the above code no longer works.
Add new code
.burger-inner>div {
height: 3px !important;
}
Question
melmotz 0
Hi, I am trying to style the mobile menu on a new site in 7.1. Wow, very frustrating that this is not an option!
First, I am just confused where the default styles are inherited from.
Second, I have figured out how to change the background color of the middle and bottom portions of the mobile menu with custom CSS, but I have not had success changing the top header piece (I ultimately want the whole background of the menu to be completely blue #2f4e98, with white type and the button as is).
Third, is it possible to specify a different logo (full color) for mobile if I were to stick with the cream background?
Site is live at: https://rootds.com
Thanks!
Edited by melmotzMelissa
added logo question
Link to post
Top Posters For This Question
9
4
4
3
Popular Days
Jul 22
3
Aug 9
3
May 11
2
May 12
2
Top Posters For This Question
tuanphan 9 posts
melmotz 4 posts
randykepple 4 posts
sophieameliadesignsUK 3 posts
Popular Days
Jul 22 2020
3 posts
Aug 9 2020
3 posts
May 11 2020
2 posts
May 12 2020
2 posts
Popular Posts
tuanphan
Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: red !important; } } If you know HTML/CSS, you can use Inspect E
tuanphan
Can you share link to your site? We can check easier.
tuanphan
SS has changed the code structure of the burger menu recently, so the above code no longer works. Add new code .burger-inner>div { height: 3px !important; }
Posted Images
26 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment