Docs

[BenMuzza]

Hi guys,

I’m looking for a fix for my issue so that I can build the rest of my site.

Currently I’ve added a slider by slider revolution and it’s looking awesome on desktop, laptop and tablet. However on mobile it squishes together and looks awful, see for yourself: http://www.myfyre.com

What can I do to fix this?

[Friech]

Hi There,

Thanks for writing in! Please make your Slide Layout as Full-width.

Hope it helps, Cheers!

[BenMuzza]

Hi,

It made no difference unfortunately.

Thanks,
Ben

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width:767px){
.tp-bgimg.defaultimg {
    background-size: contain !important;
}
}

Hope that helps.

[BenMuzza]

Hey this looked nice but created a white space between the slider image and the header. I had to revert as I have partners looking at it.

[Christopher]

Hi there,

Background-size values are limited.
Please try following code one by one and check which one works better for you.

@media (max-width:767px){
.tp-bgimg.defaultimg {
    background-size: contain !important;
}
}

@media (max-width:767px){
.tp-bgimg.defaultimg {
    background-size: cover !important;
}
}

@media (max-width:767px){
.tp-bgimg.defaultimg {
    background-size: 100% 100% !important;
}
}

Hope it helps.

[Author]

Posts