Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 16, 2018 at 4:03 pm #154095
    ivlachos
    Participant

    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

    September 16, 2018 at 11:51 pm #154113
    Skandha
    Participant

    @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

    November 12, 2018 at 10:13 am #159084
    greenwhite560
    Participant

    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!

    November 12, 2018 at 11:26 pm #159118
    Skandha
    Participant

    @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

    November 13, 2018 at 1:36 pm #159193
    greenwhite560
    Participant

    Thank you!

    November 13, 2018 at 11:54 pm #159228
    Skandha
    Participant

    @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

    February 13, 2019 at 6:54 pm #165806
    greenwhite560
    Participant

    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!

    February 13, 2019 at 6:57 pm #165807
    greenwhite560
    Participant

    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.

    February 13, 2019 at 11:33 pm #165819
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    February 14, 2019 at 12:31 pm #165859
    greenwhite560
    Participant

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

    February 15, 2019 at 3:42 am #165907
    Skandha
    Participant

    @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

    March 10, 2019 at 12:55 pm #167590
    greenwhite560
    Participant

    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!

    March 11, 2019 at 2:59 am #167632
    Skandha
    Participant

    @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
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change top Menu button font color and Icon in Mobile’ is closed to new replies.