Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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 homepage image – how to align image to the bottom of the viewport?

Mobile homepage image – how to align image to the bottom of the viewport?

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 69 Views 2 Watching
  • 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.
  • B
    B
    bialla
    wrote last edited by
    #1

    Hi everyone,

    I’m working on a website with Lay Theme and I’m having an issue with an image on my homepage in the mobile version.

    I would like the image to always be aligned to the bottom of the screen/viewport, without any white space underneath it.

    The image itself does not have such a large white border. However, it seems that Lay Theme is centering the image within its container, which results in additional white space being added both above and below the image. I would like the image to sit at the bottom instead of being vertically centered.

    Is there a native Lay Theme setting or option that allows me to control the vertical positioning of the image in this way? Or would this require custom CSS?

    Thanks in advance for any help!

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

      do you have a link?

      i think if you make your row browser height and then place it at the bottom this should work.

      set frame top and bottom to 0

      grafik.png

      make row browser height

      grafik.png

      in the row's context menu.

      then align your image to the bottom:

      grafik.png

      if u select the row, you can even make the row fixed in the sidebar:

      grafik.png

      to do this for mobile, make sure to use a custom phone layout:
      grafik.png

      1 Reply Last reply
      0

      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

      With your input, this post could be even better 💗

      Register Login
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      Online Users
      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