Home › Forums › Basel support forum › Main Nav color
Main Nav color
- This topic has 12 replies, 3 voices, and was last updated 6 years ago by Artem Temos.
-
AuthorPosts
-
April 10, 2018 at 8:47 am #51783
conceptingParticipantHi !
I’m trying to change the color of the side menu on mobile.
It is currently black.
I haven’t found in the theme settings how to change it but I have found in the css which line I have to change.
Here’s how it is in the css
.mobile-nav {
width: 270px;
display: none;
position: fixed;
top: 0;
height: 100%;
overflow: hidden;
overflow-y: scroll;
background-color: #0C0C0C;
z-index: 500;
-webkit-transition: transform .3s ease;
-moz-transition: transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
}And I have add in the custom CSS
.mobile-nav {
background-color: #ddd6c5 !important;
}And nothing has change…
I have try it before in the Inspection mode and it was working great.Thank you,
BestApril 10, 2018 at 8:54 am #51788
Bogdan DonovanKeymasterHello,
Try to add the following code to the Custom CSS area in Theme Settings.
body .mobile-nav { background-color: #ddd6c5; }
Regards
April 10, 2018 at 9:04 am #51790
conceptingParticipantJust did and nothing has change again ..
Thank you,
April 10, 2018 at 9:11 am #51791
Bogdan DonovanKeymasterWe have checked your site and found that there is no custom CSS code related to the mobile menu. Could you please check if the custom code is inserted right. Please check screenshot http://prntscr.com/j38fio.
Regards
April 10, 2018 at 9:31 am #51797
conceptingParticipantApril 10, 2018 at 9:35 am #51801
Bogdan DonovanKeymasterPlease, provide us your admin access so we can login and check this on your side.
Thank you in advance.
April 10, 2018 at 9:41 am #51802
conceptingParticipantThank you
April 10, 2018 at 9:57 am #51805
Bogdan DonovanKeymasterWe have added previous custom code to the Custom CSS area in Theme Settings https://prnt.sc/j3916q just like we mentioned before and mobile menu background has been successfully changed https://prnt.sc/j391v4.
Regards
April 10, 2018 at 10:01 am #51807
conceptingParticipantI forgot to say
This actually was the first step because then I would like to change border and text color.Thank you
April 10, 2018 at 10:27 am #51810
conceptingParticipantSo I have change all border, it’s working great.
But I can’t find the css line to change the dropdown background color..
See attached the screenshot.Thank you,
Attachments:
You must be logged in to view attached files.April 10, 2018 at 11:17 am #51821
Bogdan DonovanKeymasterHi,
Try to use this custom code with desired colors.
body .mobile-nav .sub-menu-dropdown ul { background-color: black; } body .mobile-nav .sub-menu-dropdown ul:before { color: black; }
Regards
April 10, 2018 at 2:18 pm #51846
conceptingParticipantThank you !
April 10, 2018 at 2:21 pm #51848
Artem TemosKeymasterYou are welcome!
-
AuthorPosts
The topic ‘Main Nav color’ is closed to new replies.
- You must be logged in to create new topics. Login / Register