[Support request] Image Sections Look Bad on Mobile

Home Forums Support Image Sections Look Bad on Mobile

  • This topic has 3 replies, 3 voices, and was last updated 9 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1106210
    brandwatch

    Hi!

    I am trying to get the sections look right on mobile for 18punto5.com and I can’t figure it out.

    I also want to set the image focus to center or bottom on some images, but can’t find a way to do it

    Thanks!

    #1106346
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    What would right look like, exactly? I’m not noticing anything broken at the moment.

    Right now it would require CSS to change the background image position. You could give the class a custom class (Settings > Custom Classes) and then do this:

    .my-custom-class {
        background-position: center center;
    }

    Let us know 🙂

    #1106353
    brandwatch

    Can i change the order of the sections on mobile?

    It doesnt look natural the vertical flow

    #1106740
    David
    Staff
    Customer Support

    Hi there

    it would require this CSS:

    @media (max-width: 414px) {
        #generate-section-1 {
            order: 1;
        }
        #generate-section-2 {
            order: 2;
        }
        #generate-section-3 {
            order: 3;
        }
        #generate-section-4 {
            order: 4;
        }
        #generate-section-5 {
            order: 5;
        }
        #generate-section-6 {
            order: 6;
        }
        #generate-section-7 {
            order: 7;
        }
        #generate-section-8 {
            order: 8;
        }
        #generate-section-9 {
            order: 10;
        }
        #generate-section-10 {
            order: 10;
        }
        #generate-section-11 {
            order: 11;
        }
    }

    You just need to change the order value for each of the sections.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.