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. Mobile menu background position

Mobile menu background position

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 180 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.
  • M Offline
    M Offline
    michaelpro
    wrote on last edited by michaelpro
    #1

    Hello,

    One question about the mobile menu background position: The menu bar is set to transparent (opacity set to 0%) so the background can drop down from the top not from the height of the nav bar? Background height to be 100%?

    I managed to push the background up but now is a bit short at the bottom. Any ideas? Thanks again!!

    Screenshot 2022-10-22 at 12.44.46.png

    Screenshot 2022-10-22 at 12.48.24.png

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

      try setting the menu bar height to 0 or click "hide" for the menu bar

      does that make it work correctly?

      1 Reply Last reply
      0
      • M Offline
        M Offline
        michaelpro
        wrote on last edited by
        #3

        It works @arminunruh thanks! But still if I want to maintain the menu bar height white how can I stretch the background? Cheers!

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

          ah im not sure if i understand the question. can you explain it with screenshots? :O

          M 1 Reply Last reply
          0
          • arminunruhA arminunruh

            ah im not sure if i understand the question. can you explain it with screenshots? :O

            M Offline
            M Offline
            michaelpro
            wrote on last edited by
            #5

            @arminunruh the menu bar background drops below the bar height (white). I just want the background to drop from the top (0) till the bottom filling the entire screen.

            I tried to push up the background using the following css but its 40px short at the bottom. thanks.

            nav.mobile-nav {
            	top: 0!important;
            	z-index: 33;
            	}
            

            Screenshot 2022-10-27 at 15.56.38.png

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

              can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

              mmh i guess this is a bug!

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

                so i tried this myself and i dont see the issue happening for me

                maybe try to set the menu bar height to 0 in "mobile menu bar"

                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
                J
                JulianeEirich
                dafvD
                dafv
                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