Tagged: responsive
HI there
the farbsections on my website seem not to be responsive (look at the title of the startpage for example). Pls see login details below to have a look – thanks for your help
Hey flippingrocks!
The text you have added is too large to fit on small screens, please try to make it smaller on smartphone. Add this to Quick CSS:
@media only screen and (max-width: 767px) {
.page-id-9 .avia-builder-el-2 h1.av-special-heading-tag {
font-size: 55px !important;
}
}
Cheers!
Rikard
Hi Rikard,
your css doesn`t do antyhting – the start page still is not responsive.
Could you pls. have a look.
Thanks
Hi,
The CSS is working fine, I can see it on your page. Try to decrease the value 55 until it fits. The word Südschwarzwald is just to long and too big to fit on small screens.
Regards,
Rikard
Hi Rikard,
thanks for your help.
True, if I adjust the value 55 to 40 it looks good on smartphone.
Still the background-image (fallback image) does not resize – or is there a specific measure for the fall back image.
Thanks
Hi,
It does resize but the background is set to cover the container it’s in to never leave any space not covered. It might not look as nice as on a desktop screen since the ratio is different (most desktop screens are landscape like the image you are using and when using a smartphone most people use it in portrait mode which has the opposite aspect ratio). Not sure if I’ve understood you correctly though, please get back to us if you still think something is wrong with your farb section.
Thanks,
Rikard