Home Forums Basel support forum Main Nav color

Main Nav color

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #51783

    concepting
    Participant

    Hi !

    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,
    Best

    #51788

    Bogdan Donovan
    Keymaster

    Hello,

    Try to add the following code to the Custom CSS area in Theme Settings.

    body .mobile-nav {
    	background-color: #ddd6c5;
    }

    Regards

    #51790

    concepting
    Participant

    Just did and nothing has change again ..

    Thank you,

    #51791

    Bogdan Donovan
    Keymaster

    We 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

    #51797

    concepting
    Participant

    Here’s my screenshot

    Regards,

    Attachments:
    You must be logged in to view attached files.
    #51801

    Bogdan Donovan
    Keymaster

    Please, provide us your admin access so we can login and check this on your side.

    Thank you in advance.

    #51802

    concepting
    Participant

    Thank you

    #51805

    Bogdan Donovan
    Keymaster

    We 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

    #51807

    concepting
    Participant

    I forgot to say
    This actually was the first step because then I would like to change border and text color.

    Thank you

    #51810

    concepting
    Participant

    So 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.
    #51821

    Bogdan Donovan
    Keymaster

    Hi,

    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

    #51846

    concepting
    Participant

    Thank you !

    #51848

    Artem Temos
    Keymaster

    You are welcome!

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Main Nav color’ is closed to new replies.