Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 15, 2022 at 7:50 am #1340648
    markus-fischer

    Hello team,

    I already set no padding so that the image (see link and screenshot attached) shows right at the bottom and is “attached” to the grey background color of the next section.

    That works super well on both Mobile and Desktop. However on medium sized screens (see screenshot attached), the image is placed in the middle/center and not at the bottom.

    I don’t see/find a setting though where I can adjust this to ensure it always shows at the bottom and attaches to the next section.

    Could you please help?

    February 16, 2022 at 2:16 am #1340821
    Mike

    Hey markus-fischer,
    Thanks for the screenshot and the link, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (min-width: 768px) and (max-width: 1117px) { 
#top.home #av_section_2 .avia-builder-el-22 {
    bottom: 0px;
    position: absolute;
    right: 0;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 16, 2022 at 9:49 pm #1340981
    markus-fischer

    Thank you @mike, perfect!! :-)

    February 17, 2022 at 2:24 am #1341014
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Space between Image and next section’ is closed to new replies.