Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Custom Menu Color (for different pages)

Custom Menu Color (for different pages)

Scheduled Pinned Locked Moved General Discussion
19 Posts 4 Posters 5.9k Views
  • 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.
  • arminunruhA Online
    arminunruhA Online
    arminunruh
    Global Moderator
    wrote on last edited by arminunruh
    #9

    Well sure. I think with the links I provided to you, you can find out how that works. Your CSS needs to go into the "Custom CSS for Mobile Version" field ^^

    I think probably the same CSS works for the mobile version if you just copy paste the CSS into the "Custom CSS for Mobile Version" field.

    1 Reply Last reply
    0
    • arminunruhA Online
      arminunruhA Online
      arminunruh
      Global Moderator
      wrote on last edited by
      #10

      Hey!
      In the latest Lay Theme Version you can set the background color of pages directly in the gridder. No more extra CSS needed. :)

      1 Reply Last reply
      0
      • M Offline
        M Offline
        maxkuwertz
        wrote on last edited by maxkuwertz
        #11

        Hey Armin, i tried to use the same code for the mobile version, but it doesn't work… Is there also a way to change the background colour of the navigation for pages/projects in the mobile version? thanks a lot! !Bildschirmfoto 2015-09-07 um 12.05.54.png Bildschirmfoto 2015-09-07 um 12.06.45.png Bildschirmfoto 2015-09-07 um 12.07.00.png

        1 Reply Last reply
        0
        • arminunruhA Online
          arminunruhA Online
          arminunruh
          Global Moderator
          wrote on last edited by
          #12

          Hey Max! Well I'm gonna do a customization of your Lay Theme version anyway, so you can put that on the todo list.

          1 Reply Last reply
          0
          • Hayo GebauerH Offline
            Hayo GebauerH Offline
            Hayo Gebauer
            wrote on last edited by
            #13

            I also tried modifying the menu/burger for the mobile version. Is there no way I can do it myself?
            I tried it but it didn't work...

            1 Reply Last reply
            0
            • M Offline
              M Offline
              maxkuwertz
              wrote on last edited by
              #14

              Hey Armin, I changed my original concept, so that I can do the stuff myself… the only thing left is the bg colour for the mobile version menu…

              1 Reply Last reply
              0
              • arminunruhA Online
                arminunruhA Online
                arminunruh
                Global Moderator
                wrote on last edited by
                #15

                Ok! I just tried this CSS, it works. Put it into Lay Options -> Misc Options -> Custom CSS for Mobile Version

                .navbar {
                    background-color: #0f0!important;
                    border-bottom: 1px solid #00f!important;
                }
                nav.primary li a {
                    color: #0f0!important;
                }
                nav.primary li {
                    background-color: #f00!important;
                    border-bottom: 1px solid #00f!important;
                }
                nav.primary li.current-menu-item {
                    background-color: #00f!important;
                }
                
                1 Reply Last reply
                0
                • Hayo GebauerH Offline
                  Hayo GebauerH Offline
                  Hayo Gebauer
                  wrote on last edited by
                  #16

                  cool, thank you!
                  I'll try it out

                  1 Reply Last reply
                  0
                  • Hayo GebauerH Offline
                    Hayo GebauerH Offline
                    Hayo Gebauer
                    wrote on last edited by
                    #17

                    btw is there also a code that enables the burger color to be different?

                    1 Reply Last reply
                    0
                    • arminunruhA Online
                      arminunruhA Online
                      arminunruh
                      Global Moderator
                      wrote on last edited by
                      #18
                      .burger span {
                          background-color: #000000;
                      }
                      

                      Going to make Customizer settings for all of this one day :D

                      1 Reply Last reply
                      0
                      • A Offline
                        A Offline
                        anagase
                        wrote on last edited by anagase
                        #19

                        Hi Guys, any idea for doing the same with the site img? I am using an image instead of a text.
                        I will need to use a different logo color (black or white) for each page or project.
                        Thanks!!

                        1 Reply Last reply
                        0
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        I also code custom websites or custom Lay features.
                        💿 Email me here: 💿
                        info@laytheme.com

                        Before you post:
                        1. When using a WordPress Cache plugin, disable it or clear your cache.
                        2. Update Lay Theme and all Lay Theme Addons
                        3. Disable all Plugins
                        4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                        This often solves issues you might run into

                        When you post:
                        1. Post a link to where the problem is
                        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                        Online Users
                        arminunruhA
                        arminunruh
                        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                        laytheme.com
                        • Login

                        • Don't have an account? Register

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Recent
                        • Tags
                        • Popular
                        • Users
                        • Search