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. Bug Reports
  3. Buttons (in Carousel) are cut off

Buttons (in Carousel) are cut off

Scheduled Pinned Locked Moved Bug Reports
4 Posts 2 Posters 346 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.
  • edgrbnzE
    edgrbnzE
    edgrbnz
    wrote on last edited by edgrbnz
    #1

    Hi there Forum!

    I just updated the website of a client. I used the new Button feature in a carousel. For some reason the buttons get cut off in responsive sizes (mobile and tablet)

    Mobile View:
    ed265c1e-4829-42d2-92a4-693d5137554a-image.png


    Desktop View:
    CleanShot 2022-10-07 at 15.24.49.jpg

    As usual: Thank you for any help šŸ’šŸ’•

    ✦ ✦ ✦

    1 Reply Last reply
    0
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2
      .single-caption-inner a{
      display:inline-block;
      }
      

      nice website!

      edgrbnzE 2 Replies Last reply
      0
      • arminunruhA arminunruh
        .single-caption-inner a{
        display:inline-block;
        }
        

        nice website!

        edgrbnzE
        edgrbnzE
        edgrbnz
        wrote on last edited by
        #3

        Thanks @arminunruh !

        this totally escaped my attention. So here I’m back again with the same issue (still). I tried the code you provided … but to no success.

        Top and bottom of the button still is cut off in mobile views 😢

        ✦ ✦ ✦

        1 Reply Last reply
        0
        • arminunruhA arminunruh
          .single-caption-inner a{
          display:inline-block;
          }
          

          nice website!

          edgrbnzE
          edgrbnzE
          edgrbnz
          wrote on last edited by
          #4

          @arminunruh

          Sorry, too fast! the good old !important did the trick! So the code would be as follows (for reference):

          single-caption-inner a{
          display: inline-block !important;
          }
          

          ✦ ✦ ✦

          1 Reply Last reply
          1

          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
          K
          kp-hb
          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