Mobile view cut in half and footer widgets not responsive

[Carla]

Hi all,

I have problems on a clients site which I haven’t found a solution to yet. One problem is that on mobile view there is only a small strip on the left side of the screen and it doesn’t fill the whole view. Is there a css code I can put in to make the view fill the screen? I tried this code but that didn’t work: @media screen and (max-width:479px) {
width:100% !important;
}
Please can you advise me if there is a code that can solve this problem?

The other problem is the footer widgets not being responsive on smaller screens. They don’t show underneath eachother but next to eachother and than they don’t fit in the screen. And the background color of the part that fits the screen is black and the background color of the part that doesn’t fit the screen is white.
Do you have a solution for that please?

The url to the website is https://www.nacmassagepraktijk.nl/

Thanks in advance.

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.footer, .widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4 { width:100% !important;}
}

Regards,
Chris

[Carla]

Yesss!!!! That worked. Thank you very much for solving the problem.

[Forum Moderator]

Hi Carla,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/15/

Regards,
Chris

[Author]

Posts