[ivlachos]

Hi,

I have some webpages with light background and I’ve used additional CSS to change the top menu color for desktop mode.

In mobile mode, I don’t have an issue with the drop down part, since it has its own background but with the “Menu” button of the widget.

I can change its background color but I cannot seem to be able to change the font color to black.

Just for the “Menu” notation and the list icon next to it.

Can you give me a hand?

Thank you

[Skandha]

@ivlachos: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#primary-menu-toggle {
	color:#000;
}

Let me know if this is what you want.
Kind Regards,
Skandha

[greenwhite560]

Hello, I would like to change the color of the navigation in desktop/larger screen mode (so basically do the same thing you did above, but not just for mobile).
I have been looking all over the code and can’t figure it out. Can you please help me?
Thank you!

[Skandha]

@greenwhite560: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.menu-main-container ul li a {
      color:#123456 !important;
}

You can change the color according to your requirement.
Let me know if this is what you want.
Kind Regards,
Skandha

[greenwhite560]

Thank you!

[Skandha]

@greenwhite560: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/adonis/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[greenwhite560]

Hello again, I am having an issue with the mobile view on a smart phone (specifically iphone). My hero image/header image is cut off. You guys advertise that your theme is responsive, but it is not, and that is becoming a little frustrating as I am worried that people won’t be able to use my site. Thanks!

[greenwhite560]

I am also having issues with the menu in the mobile theme- it is “broken” and displays the content of the page underneath and makes it hard to read.

[Skandha]

@greenwhite560: Please post in your site URL so that I can look into the issue.

Kind Regards,
Skandha

[greenwhite560]

Hello,
Here is my link. Thank you!
http://walke640.msu.domains/portfolio/

[Skandha]

@greenwhite560: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To remove the margin in mobile menu */
.main-navigation a {
	margin-top:0;
}

/* To make the header image showup better on mobile phones */
.custom-header::before {
	background-position:77% center;
}

Let me know if this resolves the issues.
Kind Regards,
Skandha

[greenwhite560]

Thank you very much! That helped. Is there a way I could make the menu and the hamburger button/icon have black text? Thank you!

[Skandha]

@greenwhite560: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#primary-menu-toggle {
	color:#000;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[Author]

Posts