Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Kwamzilla

Circle Member
  • Posts

    585
  • Joined

  • Last visited

  • Days Won

    6

Community Answers

  1. Kwamzilla's post in Make Mobile Banner Image Larger was marked as the answer   
    Hi Ben, small world, I think we may have a mutual frind!
    Anyhow, the issue is partly to do with having parallax turned on. The following should help:
    @media (max-width: 640px) { /*Image - ensure min-height is larger than section*/ img.custom-fallback-image.loaded { min-height: 60vh; } /*Sectioon*/ #collection-612c9ebd5d3d1a3a142c6c28 .Intro.Intro--has-image, #collection-612c9ebd5d3d1a3a142c6c28 .Parallax-item { min-height: 50vh; } }  
  2. Kwamzilla's post in How to place 2 images on opposite sides of the page? (visual example below) was marked as the answer   
    @creedon is correct.
    Once you've completed that, you can add css that will essentially be
    #yoursectionid .content-wrapper { padding-left: 0; padding-right: 0; } You'll also want to think about the mobile layout though as it will automatically place the blocks in order from left to right. You may then wish to use
    /*Shrink Images*/ #yoursectionid .sqs-block-image { max-width: 40%; } /*Align Image Left*/ #blockid1 { margin-right: auto; } /*Align Image Right*/ #blockid2 { margin-left: auto; } Where #blockid1 is the left image and #blockid2 is the right image.
    Walkthrough video.
  3. Kwamzilla's post in Lining up buttons in header was marked as the answer   
    Hey @nwillis
    Try changing
    .desc-wrapper p:last-child>a+a { margin-left: 1em; } to
    .desc-wrapper p:last-child>a+a { margin-right: 1em; } And it should fix it.
    You may want to target that specific collectionid or blockid just in case.
×
×
  • Create New...