Okay
  Public Ticket #1364090
changing background colors in mobile menu
Closed

Comments

  • david started the conversation
    November 10, 2017 at 8:00am

    hi

    i'd like to change background color mobile menu and font sizes (also for mobile menu). See attached picture. How can i do this?

    Thank you

    Regards,

  •  3,066
    Andrew replied
    November 10, 2017 at 7:34pm

    Hi David, 

    Thank you for contacting us. I'd be happy to help. 

    You can change the background color and font size of the mobile menu with some custom CSS. Just go to Salient >  General Settings > CSS/ Script Related > Custom CSS Code and enter the following: 

    #mobile-menu{
  background-color: red!important;
    }
    #mobile-menu ul li a{
      font-size: 18px!important;
    }

    You can change the font size value and color to suit your needs. 

    Please feel free to contact us if you have any further questions. 

    Best Regards.

  • david replied
    November 14, 2017 at 8:32am

    Hi Andrew,

    thank you for your help.

    If i want the font color in white, can you tell me what i should add?

    I put this but this is not working..;

    #mobile-menu ul li a{
      font-size: 18px!important;
     font-color: #fff!important;

    }

  •  3,066
    Andrew replied
    November 14, 2017 at 8:44am

    Hi David,

    Thank you for contacting.

    The correct CSS property for font color is actually just 'color'. Therefore, please correct your code like so:

    #mobile-menu ul li a{
  font-size: 18px!important;
  color: #fff!important;
}

    Hope this helps.

    Best regards.

  • david replied
    November 14, 2017 at 9:06am

    ok thank you