mobile navigation menu color

  • Unknown's avatar
    sagibinder · Member ·

    Hi
    I would like to get help please, this is my website
    In mobile version, When pressing one of the menu items, the background color is changing to “black”
    since the font color is black, i can’t see anything, I would like to change it to a different color such as Grey/
    Can you please help me with the coding of it?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    sagibinder · Member ·

    Again in the mobile view, In the other pages (not the homepage) the burger menu is white and the background is white so it’s invisible.

    What should be the code in the CSS view in order to change it to black same as the FrontPage in the mobile version

    By the way this is the CSS code 

    #page, .site-content-contain, #primary-search-wrapper .search-container, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float, .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .woocommerce-account .woocommerce-MyAccount-navigation

 a {
	background-color:#ffffff !important; 
}
.menu-inside-wrapper {
background: white;
}
#header-links {
  background: transparent!important;
}

.storefront-primary-navigation { background-color: transparent;

!important; }
.storefront-primary-navigation,
.main-navigation ul.menu ul.sub-menu{
    background-color:transparent;
}
#header .primary-navigation .toggle-mobile-menu{
color: transparent;
}
 .absolute-header .site-title a, .absolute-header .menu-toggle {
color: #000;
}
@media screen and (min-width: 75em)
.navigation-classic.absolute-header .main-navigation a {
color: #000;
}

.hm-nav-container {
	background-color: transparent;
}
p, h1, h2, h3, h4, h5, h6, .entry-title a, h1.entry-title, .main h1.title a, .main h2.title a, .main h2.posttitle a, .hentry .title, .main-navigation a {
color: #000000;
}

footer{ background-color: black; }

.tnp-widget {
color: white; !important;
}
  • kokkieh · Staff ·

    Hi there,

    Your site is not hosted on WordPress.com, but using the open source WordPress.org software at another hosting provider. We also don’t make the Bold Photography theme you’re using.

    Please contact support for the theme you’re using directly for help with this.

    For general help with the version of WordPress you’re using, you can ask the WordPress.org community over at https://wordpress.org/support/forums/

  • The topic ‘mobile navigation menu color’ is closed to new replies.