Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2024 at 2:01 pm #1446719
    northorie

    Hi,
    I’m using a 1/5 – 3/5 – 1/5 element in the middle of my homepage.
    I want the one with the blue background to have the same space on mobile on the left and on the right as the other elements.
    But I don’t know how to do this. They are all elements inside a cell row.

    I hope you get what I mean. It’s just visible on mobile.

    Link on private content.

    Best regards

    May 27, 2024 at 2:13 pm #1446723
    Mike

    Hey northorie,
    Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
	#top.home .flex_column.av_three_fifth.avia-builder-el-17 {
		  transform: scale(1);
	}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 27, 2024 at 4:27 pm #1446736
    northorie

    perfect! thank you!
    can I also change the align to the left only on mobile?

    May 28, 2024 at 6:24 am #1446793
    Ismael

    Hi,

    can I also change the align to the left only on mobile?

    Please include this rule inside the css media query above:

    section.av_textblock_section.av-lvcplt6h-8c220bafc999e83523d9201a8a1a9d5d div * {
    text-align: left;
}

    Best regards,
    Ismael

    May 28, 2024 at 2:31 pm #1446843
    northorie

    Awesome! Thank you :)

    Topic can be closed

    May 28, 2024 at 4:28 pm #1446858
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Space to the left and right on mobile’ is closed to new replies.