Hi Mike,
I have included the following lines that seem to fix the issue…
I’m not a html css wizkid, so unsure if there might be conflicts now in the setup.

Quick CSS

.avia-section {
   background-size: cover !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
}

Custom.css

Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 475px) {
av_section_1,
av_section_2,
av_section_3,
av_section_4 {
   background-size: cover !important;
   height: 600px !important;
}
}

Can you validate if this is the right way to go? or I might have caused issues I’m not aware off?

Cheers,
Flo.

• This reply was modified 7 years, 3 months ago by Flo.

Hi Victoria,
I tried many different things, however I still was not able to get it working.
Then I started to play around with the suggestion and defining the code for the avia-section.
.avia-section {
background-size: cover !important;
}

That worked, and showed everything perfectly on windows and iOS and Android, however it does break the experience on ipad and iphones.

Any idea on how I’m able to resolve this?

Thanks and sorry it appears such a tedious issue…

Cheers,
Flo.

• This reply was modified 7 years, 3 months ago by Flo.

Hi Rikard,
It is part of a plugin called easy-facebook-likebox.
I have now deactivated the plugin, and with that the public.css.
Unfortunately still no change, the logo remains stretched.
However, when looking at the different elements related to logo, I found the following one that might seem to cause the issue:

.logo, .logo a, .logo a img {
/* min-width: 100%; */
}

It apparently got into my Quick CSS, trying to fix the issue. Now it seems to be working correctly.

Thanks a lot for your support and happy it is fixed!
Cheers,
Floris

• This reply was modified 7 years, 3 months ago by Flo.