Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Changing colour of 'About' menu text on mobile

    General Discussion
    2
    6
    32
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      daly last edited by

      Hi, I've just started using Laytheme and am really pleased with how easy it is to work with!

      There is one thing I've been unable to figure out, which is how to change the colour of our About menu item on mobile. It defaults to black, even though I'm using the 'Desktop Menu Style' setting (on desktop, the text is red). It seems like there isn't a way to edit this in the Customise section? I tested changing it using the CSS tips that I read in another post, and it did change the colour, but then it also changes the menu bar to solid white, whereas I had it set to 0% opacity (i.e. invisible), and I'm not knowledgable enough in CSS to figure out how to fix that.

      Any help and advice appreciated!

      1 Reply Last reply Reply Quote 0
      • edgrbnz
        edgrbnz last edited by

        Any links? πŸ™ƒ

        ✦ ✦ ✦

        1 Reply Last reply Reply Quote 0
        • D
          daly last edited by

          Yes, sorry! It's just a test page for now: http://daly-lyon.co.uk/slideshow

          You'll see in mobile viewport that the About text colour switches from Red to Black.

          1 Reply Last reply Reply Quote 0
          • edgrbnz
            edgrbnz last edited by edgrbnz

            Weird!

            There clearly is a #000000 applied to About. I guess it ignores the color set in the settings Customizer β†’ Menu Style β†’ … and falls back to the basic style for the used Text Format.

            Did you try to define an additional Text Format for Menus and Site Title with your desired #ff0000?
            This way you don’t apply many stylings in the Customizer. You might also get better control how these items behave for mobile – Win Win πŸ’―

            Hope that does the trick!

            ✦ ✦ ✦

            1 Reply Last reply Reply Quote 0
            • D
              daly last edited by

              Ah of course. So obvious, but I didn't think of that. That has done the trick – thank you so much, and for the quick reply too!

              1 Reply Last reply Reply Quote 1
              • edgrbnz
                edgrbnz last edited by

                Glad it works! πŸ’

                ✦ ✦ ✦

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post

                Try this to fix issues before you post:

                Use the Search Feature. Maybe there is already a solution to your issue.

                1. Update Lay Theme and all Lay Theme Addons
                2. Disable all Plugins
                3. Go to Lay Options β†’ Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                4. Now see if your problem solved itself
                5. Go here, see if your problem is listed here:
                Troubleshooting

                When you post:
                1. Post a link to where the problem is
                2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                Thanks!

                Online Users

                M
                K
                C
                G
                M

                Recent Topics

                • C

                  centred Carousel fixed width and proportions

                • text underline

                • open all links in a thumbnail grid in a new tab

                • lazy loading affects project thumbnail mouseover images

                laytheme.com