Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 16, 2019 at 3:14 pm #1166425
    selectalimited

    Hello,
    I’ve got images inside of avia_sc_columns_two_third, now setting this image visible only for mobile devices, it creates me a huge whitespace on desktop. Tried any solution I could find here, none worked for me.
    Also tried to set a custom class in quickCSS and then apply it to image within text-block, and try to hide/show it this way – didnt work either. Probably im doing something terribly wrong

    @media screen and (min-width: 480px) {
    .hiddenimage { display:none; }
    }

    I’d appreciate any help in solving this
    Mat

    December 16, 2019 at 3:19 pm #1166428
    Yigit

    Hi,

    Could you please post a link to your page and point out the section so we can look into it?
    You can upload screenshots on imgur.com or Dropbox public folder and post the links here :)

    Regards,
    Yigit

    December 16, 2019 at 3:35 pm #1166443
    selectalimited

    Thank you for fast reply Yigit, im providing link
    EDIT: Forgot to mention that I marked this image with caption description

    December 16, 2019 at 4:00 pm #1166468
    Yigit

    Hi,

    Could you please point out the issue? I checked your website however i could not see any whitespace that is out of place :)

    Best regards,
    Yigit

    December 16, 2019 at 4:35 pm #1166486
    selectalimited

    Dear Ygit,

    While creating example to point it out, I figured out how to fix that particural case.
    Having Special Heading below that problematic image, it was enough to change its top-margin from default to 0px, and this somehow fixed unwanted 50px gap on desktop, but its position on mobile remains correct.

    So becasue I’ve found some posts with similar cases, I can leave here a hint – give it a try and reset margin of element below that problematic one. It worked for me

    My problem is solved, thank you Yigit for inspiration.

    December 16, 2019 at 4:44 pm #1166492
    Yigit

    Hi,

    Glad you figured it out and thanks for sharing your solution! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Image hidden on desktop creates whitespace’ is closed to new replies.