Lay Theme Forum

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

    Hide menu bar from home page only

    General Discussion
    5
    12
    811
    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.
    • M
      morgeorgeremy last edited by

      Hey everyone !

      I'm actually trying to get rid of the menu on my home page from my website
      https://morganremmy.com

      I actually managed to do it with that custom CSS below
      .slug-home #menu-item-534 { display:none; }

      But overtime I get back to my home page from a project the content is disappearing
      Is anybody's got an idea to avoid that issue ?

      Thanks

      Morgan

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi @morgeorgeremy

        Do you have Wordpress and Laytheme updated with the newest version?

        The whole content of the home pages disappears sometimes? I was not able to find this error.

        Which browser do you use?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • M
          morgeorgeremy last edited by

          Hello @mariusjopen

          Thank you for your reply. My version of Laytheme is now up to date.

          I actually replaced the home page so it doesn't crash anymore. I'm now looking for the proper code to type in the CSS custom field in order to make the menu disappear from my home page.
          I'm actually using both safari and google chrome
          Do you have any idea on how to do it ?

          Thank you very much.

          Morgan

          1 Reply Last reply Reply Quote 0
          • M
            morgeorgeremy last edited by

            Okay I just corrected the problem. That was an issue with my thumbnails.
            But I'm still trying to hide the menu

            1 Reply Last reply Reply Quote 0
            • M
              morgeorgeremy last edited by

              Okay I finally found how to do it ! Problem solved !!

              Thanks anyway @mariusjopen ;)

              Have a great day

              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Hi @morgeorgeremy
                :-)

                Yes!

                I am happy our managed it!

                Have a beautiful day!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • R
                  rioma7 last edited by

                  How did you do? Cannot find Marius' suggestion...

                  1 Reply Last reply Reply Quote 0
                  • Richard
                    Richard Global Moderator last edited by

                    Dear @rioma7

                    What are you trying to achieve? are you trying to make your menu disappear?

                    Could you post a link to your website if possible? :)

                    Best wishes and have a wonderful day

                    Sincerely
                    Richard

                    R 1 Reply Last reply Reply Quote 0
                    • R
                      rioma7 @Richard last edited by

                      @Richard-Keith Dear Richard,

                      I have the menu bar on my website but, I don't want to have it on my homepage. that's it. Actually, I cant share the website cause is not published yet. Is this a problem?

                      best

                      1 Reply Last reply Reply Quote 0
                      • Richard
                        Richard Global Moderator last edited by

                        @rioma7

                        Each page has its own 'slug' which we can use to target it specifically.

                        You will need some basic knowledge of CSS and we will be adding Custom CSS within 'Lay Options - Custom CSS & HTML:

                        Screen Shot 2020-09-14 at 2.51.54 PM.png

                        https://laytheme.com/documentation.html#custom-css-styling

                        Within this link you will find information on the 'Developer tools' - you will need to right-click & 'inspect' your homepage.

                        Here i have inspected my home page:
                        Screen Shot 2020-11-27 at 5.07.02 PM.png

                        and found in the opening <body> tag a series of classes, One of them is called : slug-work

                        So in the 'Custom CSS' area at the top of our Custom CSS & HTML page within Lay Theme's Backend i would add code similar to this:

                        .slug-work .laynav{
                            display:none; 
                        }
                        

                        You must replace the '.slug-work' with the correct slug of your homepage, keeping the .laynav

                        I hope this helps, let me know how you go & Good luck! :)

                        Best
                        Richard

                        P 1 Reply Last reply Reply Quote 0
                        • P
                          peti-peti @Richard last edited by

                          @Richard-K

                          Hi Richard, thank you for your profound reply.
                          If I want to hide the complete navigation on a certain page do I need to address every single class or is there a main class (up to now I couldn't figure it out).
                          It works already with:

                          .slug-startseite .laynav{
                          display:none;
                          }
                          .slug-startseite .sitetitle img{
                          display:none;
                          }
                          .slug-startseite .navbar{
                          display:none;
                          }

                          but there must be sth more elegant.

                          Cheers
                          Peter

                          1 Reply Last reply Reply Quote 0
                          • Richard
                            Richard Global Moderator last edited by

                            Dear Peter @peti-peti

                            Yeah sure :)
                            You would target the highest parent of the heirachy and all its descendants will inherit that CSS :)

                            Things like 'site title' and a solid 'navbar' you can turn off in 'Customise' in the Wordpress admin bar (left bar)
                            You may also have a 'padding-top' that you can change within Laytheme's Options'

                            So we would target the specific page like you have done:

                            .slug-startseite 
                            
                            

                            Then i believe you want the highest parent which would be 'laynav' but also on mobile a Burger menu would appear so:

                            .slug-startseite .laynav, .burger-wrap {
                                display:none;
                            }
                            

                            Let me know how that goes for you Peter, or if i answered your question correctly and have a wonderful day :)

                            Best
                            Richard

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

                            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

                            A
                            A
                            7
                            N
                            J
                            S
                            M
                            P

                            Recent Topics

                            • A

                              Theme crashed - because of Polylang?

                            • A

                              can't change front page

                            • M

                              komische boxen auf der Website

                            laytheme.com