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 CSS Overflow image

Mobile CSS Overflow image

Scheduled Pinned Locked Moved General Discussion
8 Posts 2 Posters 982 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.
  • dafvD Offline
    dafvD Offline
    dafv
    wrote on last edited by dafv
    #1

    Hi Armin!

    On mobile, I'm trying to fill this blue div with the image (overflowing on the sides) but I'm not managing to do so.

    Could you help me?

    PS: I'm setting the div's height to 65vh

    Captura de ecrã 2016-01-6, às 15.44.40.png

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

      Can you send me the url to the page?

      dafvD 1 Reply Last reply
      0
      • arminunruhA arminunruh

        Can you send me the url to the page?

        dafvD Offline
        dafvD Offline
        dafv
        wrote on last edited by
        #3

        sure @arminunruh

        http://daniel-martins.com/dharma

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

          Hmm, I think it would work if you'd set the background image for that row.
          http://laytheme.com/how-to-use.html#full-bleed-images
          So instead of the image as a grid element, set this image as the background of that row.

          And then set the .row's height to 45vh instead of .row-inner.

          1 Reply Last reply
          0
          • dafvD Offline
            dafvD Offline
            dafv
            wrote on last edited by
            #5

            but, in that way i'll lose the parallax effects ://

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

              yeah ://

              Ok, if you don't want that maybe you want to hide the row for mobile for now?

              I'm going to code a "stage image" option for projects one day :D

              1 Reply Last reply
              0
              • dafvD Offline
                dafvD Offline
                dafv
                wrote on last edited by
                #7

                Perfect would it be if the row image could be fully responsive to the blue row-inner div but in height.

                That 'stage image' option is a great idea!

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

                  I'm sure a row-background image is fully responsive to the height of the row. And you could set the rowheight to 45vh with custom css. But yeah, then you don't have the parallax effect as we discussed earlier :D :/

                  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
                  S
                  sebagaga
                  arminunruhA
                  arminunruh
                  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