Home › Forums › Pro Themes › Flat Commerce Pro › CSS for menu and Sub-menu items on Phone

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 20, 2017 at 12:09 pm #48091
    erniepope
    Participant

    Hello

    I would like to change the default colours for the menu and sub-menu items when the web site is displayed on a small tablet or phone. The default colours are darkish red.

    Is it possible to give me the “Additional CSS” to change these colours?

    Web site is http://www.sarapopeart.com

    Thanks

    July 20, 2017 at 11:40 pm #48108
    wensolutions
    Keymaster

    Hello @erniepope,

    In order to change the color of the menu bar for responsive view use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media only screen and (max-width: 768px){
.mean-container .mean-bar {
    background-color: #3875d7;
}
}

    You can change the hex color code according to your requirement .

    Hope this helps .

    Let us know if you have any issue further .

    Best Regards!!

    July 22, 2017 at 4:04 am #48158
    erniepope
    Participant

    Thanks, the additional CSS works for the menu bar.

    I notice that the sub – menu items seem to be a darker colour of the whatever the colour is for the menu bar. Is it possible to set the colour for the sub-menu items?

    Regards

    July 24, 2017 at 12:05 am #48278
    wensolutions
    Keymaster

    Hello @erniepope,

    Nice to know that your previous issue is solved .

    Now to change the color of the Sub menu item use below given CSS.

    .sub-menu li a {
    color: #c7c7c7 !important;
  }

    You can change the color code according to your requirement.

    Hope this helps.

    Best Regards!!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.