Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 19, 2025 at 1:33 pm #1477384
    northorie

    Hi,
    would you kindly check my page in progress on mobile: https://projekt2.mindful-designs.de
    Below the orange button is a strange huge space.

    For the image inside the header on desktop you gave me this code:
    @media only screen and (min-width: 1024px) {
    .responsive .home #av_section_1 .container {
    max-width: 100%;
    }
    }

    Maybe that’s the reason?

    Best regards

    February 19, 2025 at 4:57 pm #1477399
    Mike

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

    @media only screen and (max-width: 450px) { 
	#top.home #av_section_1 .av_two_third {
height: 750px !important;
}
.responsive #top.home #wrap_all #av_section_1 .flex_column.av_one_third {
	margin-bottom: 0;
}
}

    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

    February 19, 2025 at 6:05 pm #1477402
    northorie

    Perfect thank you! Topic can be closed

    February 19, 2025 at 9:46 pm #1477417
    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 ‘Strange free space on mobile’ is closed to new replies.