Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 13, 2025 at 4:49 pm #1477059
    JantienM

    I have an issue regarding the alignment of an image on all the different devices.

    I have an image on the left and text to the right in a content section. I want the image to stick to the bottom of the section on all devices.
    For small screens (mobile) I made a second image that only shows on mobile devices, so that on mobile devices the text comes first and the image follows beneath the text, which is allready sticking tot the bottom as it should (https://kriesi.at/support/topic/image-not-placed-at-bottom-of-section/)

    Now I have been checking the page on all devices with Chrome Developer Tool and on some devices the image is not sticking to the bottom. How can I make sure this does happen? Do you need the devices and dimensions from me where it goes wrong?

    And another responsive thing, on small screens (mobile devices) the images I have placed in the footer are set beneath each other, which is fine, but I need some space between them (bottom/top), how do I do this, for only mobile screens?

    Website is not live yet so I will make a login for you. pls select homepage when logged in.

    February 14, 2025 at 4:26 am #1477085
    Ismael

    Hey Jantien,

    Thank you for the inquiry.

    We tried to log in, but the credentials above are invalid. The site is in maintenance mode. Please check the info carefully and provide a screenshot of the layout issue.

    Best regards,
    Ismael

    February 14, 2025 at 5:08 pm #1477123
    JantienM
    This reply has been marked as private.
    February 14, 2025 at 5:09 pm #1477124
    JantienM
    This reply has been marked as private.
    February 15, 2025 at 4:41 pm #1477157
    Mike

    Hi,
    The solution is to use equal height for the columns, I changed this for you, please clear your browser cache and check.
    Screen Shot 2025 02 15 at 10.39.20 AM

    Best regards,
    Mike

    February 17, 2025 at 2:18 pm #1477243
    JantienM

    Hi Mike, yes that worked, that was actually pretty easy solution… sorry

    And the other issue about the white space around the images in the footer on mobile devices (when they are placed beneath each other? Could you also help me with that?

    Thanks again

    February 17, 2025 at 5:36 pm #1477264
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#footer-page .av_one_fifth .avia-image-container {
	padding: 10px 0;
}
}

    adjust the padding to suit.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    February 17, 2025 at 5:58 pm #1477269
    JantienM

    Yes that worked, great!
    Thanks so much Mike

    February 17, 2025 at 8:05 pm #1477275
    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 9 posts - 1 through 9 (of 9 total)
  • The topic ‘responsive issues images’ is closed to new replies.