Lay Theme Forum

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

    Custom Phone Layout - Frame Top in Pixel?

    General Discussion
    2
    3
    44
    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.
    • K
      kappe last edited by kappe

      Hi,

      I have to switch in some projects to the custom phone layout. But there's no way to define the value of 'Frame Top' in pixel (like in Customize / Mobile Spaces)

      I guess it's not easy to add pixel global for 'Frame Top' in the Lay Options / Phone Gridder Defaults. But Marius already mentioned in this thread to use Custom CSS, unfortunately I can't.

      I already found something like this in the html:
      <div id=​"custom-phone-grid" class=​"grid">

      and in the css:
      @media (max-width: 600px)
      test:1266#custom-phone-grid {
      padding-top: 80%;

      eg. for a project, how could the Custom CSS (for Mobile Version) look like with these attributes?
      the body.type-project.id-498{}
      padding-top: 300px;

      Best,
      Andreas

      1 Reply Last reply Reply Quote 0
      • K
        kappe last edited by

        Hours later and lots of CSS for bloody beginners, I don't know why, but it seems to work in Options > Custom CSS for Mobile Version.

        body.slug-test #custom-phone-grid {
            padding-top: 300px;
        }
        

        @mariusjopen & @arminunruh is it possible adding pixel-selection of 'Frame Top' in future Lay Options / Phone Gridder Defaults?

        Best,
        Andreas

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

          Dear @kappe
          Nice!
          Thank you for letting us know!
          Yes, we will write that down.
          Best and have a wonderful day!
          Marius

          www.mariusjopen.world

          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
          J
          C
          A
          H
          T

          Recent Topics

          • T

            Video is played differently

          • A

            Broken images

          • L

            Hide mobile menu, when scrolling down

          • J

            Imagehover addon show mouseover state

          laytheme.com