Hi,
I pasted an image into 1/1 layout element and would like to see the whole image no matter what screen size . So I used the scale to fit option. It works but increases the gap between image and next element on the bottom. In mobile view the gap is the largest. How can I fix that?
Here is the link http://tonhc.nmdev.site/contacts
Hey NuancedMedia,
Thanks for the link. Are you referring to the FOR PATIENTS section?
Best regards,
Rikard
Hello,
yes the gap between “the map” and “for patients” sections
Hi,
Thanks for the clarification. It seems that you have applied 600 pixels top padding to the map which is causing that. Is there any particular reason for that?
Best regards,
Rikard
Yes, if I put 0px there the section with image turn into 1 pixel line, so I use this 600px padding to adjust image height. I assume there is another way to do that but I don’t know it. If you could advice it would be great.
Hi NuancedMedia,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column.avia-builder-el-15 {
padding-top: 0px !important;
min-height: 200px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you, unfortunately it did not work for QuickCSS and I did not have an access to Custom.css file (at least I did not find it in Appearance- Editor). I found another way, instead of making a BG image in the 1/1 element I added image element inside the 1/1 and now it works just fine.