Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 8, 2014 at 8:04 am #206693
    deyowulf

    I changed the color of the main menu font using this code :

    .header_color .main_menu ul:first-child > li > a {
    color: white;
    }

    But it didn’t apply to the menu in the mobile responsive site. Suggestions?

    January 8, 2014 at 8:16 am #206696
    Ismael

    Hi deyowulf!

    You can use this for the mobile view menu text color:

     #top .header_color select {
color: red;
}

    Regards,
    Ismael

    January 8, 2014 at 8:50 am #206720
    deyowulf

    Thanks. That changed the color of the text but the vertical line and vertical arrows at the right side of the the page selection area in the mobile version are still the same color as before.

    Also, is there a way to only change the color of the background and border of the mobile menu?

    January 8, 2014 at 8:51 am #206721
    deyowulf

    page selection area = mobile menu

    January 8, 2014 at 4:22 pm #206864
    Yigit

    Hi!

    Can you post the link to your website?

    Cheers!
    Yigit

    January 9, 2014 at 3:36 am #207189
    deyowulf

    http://www.jonnyfreesh.com

    January 9, 2014 at 8:56 am #207289
    Ismael

    Hey!

    You can change the background color of the mobile menu select using this:

    #top .header_color select {
border-color: blue;
background-color: red;
color: #155773;
}

    Change the arrow select using this:

    #top .mobileMenu{
background-image: url(IMAGE URL HERE);
 background-position: center right;
 background-repeat: no-repeat;
 border-radius: 2px;
}

    Create your own image. The size should be 30x13px.

    Best regards,
    Ismael

    January 9, 2014 at 9:13 am #207300
    deyowulf

    Thanks will give it a go. How about the code to change the color of the menu font?

    January 9, 2014 at 11:06 am #207335
    Yigit

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    .header_color .main_menu ul:first-child > li > a {
color: white;
}

    Regards,
    Yigit

    January 9, 2014 at 12:29 pm #207353
    deyowulf

    Thanks Yigit :)

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Main Menu Font Color in Mobile Version Didn't Change with CSS’ is closed to new replies.