Lay Theme Forum

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

    Hide Site Title for Mobile

    General Discussion
    2
    5
    501
    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.
    • S
      sebastianpetrov last edited by

      Hello,

      I would like to hide the site title and navigation in the mobile layout.

      The code I am using in the "custom css for desktop version" works as expected.

      The same code used in the "custom css for mobile version" successfully hides the navigation but not the site title. Could you please help me with this?

      Link to example page: http://sebastianpetrovski.com/mands

      Code pasted below....

      /* mands /
      /
      site title /
      body.slug-mands .sitetitle.txt .sitetitle-txt-inner span{
      display: none;
      }
      /
      navigation */
      body.slug-mands nav.primary a{
      display: none;
      }

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

        Hi @sebastianpetrov
        try to add this to your custom CSS mobile section:

        .mobile-title,
        .navbar, 
        .burger {
            display: none !important;
        }
        

        I hope that works!

        Many wishes!

        Marius

        www.mariusjopen.world

        S 1 Reply Last reply Reply Quote 0
        • S
          sebastianpetrov @mariusjopen last edited by

          Hi @mariusjopen

          Thank you! It works, I would like to target specific pages - how can I do this?

          For example my info page has the slug "info" but if I prepend ".slug-info," to the code it still applies "display: none" site wide.

          Best,

          Sebastian

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

            Hi @sebastianpetrov

            you need to put it in front of every line:

            .slug-XXX .mobile-title,
            .slug-XXX .navbar, 
            .slug-XXX .burger {
                display: none !important;
            }
            

            Let me know if that worked out!

            Best!

            Marius

            www.mariusjopen.world

            S 1 Reply Last reply Reply Quote 0
            • S
              sebastianpetrov @mariusjopen last edited by

              Hi @mariusjopen

              Thank you - perfect!

              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

              S
              S
              G
              L
              M
              Z

              Recent Topics

              • S

                can't change front page

              • M

                komische boxen auf der Website

              • S

                Theme crashed - because of Polylang?

              laytheme.com