Some non responsive pages?

Dazzling
1

Hi there,

I was looking at my website from an android device today and noticed that SOME pages are completely responsive wile others aren’t. Ex. text becomes much smaller, the footer is too thin and abruption stops etc.

These are the pages where it IS responsive:

While here it isn’t:

Would you know why and what I can do to make my whole site responsive?

2

Hi @manateecake,

I hope you are well today and thank you for your question.

You can try resolving this issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS


@media (max-width: 800px){
  .wp-caption {
    width: auto !important;
}
.wp-playlist .mejs-container {
    width: auto !important;
}
}

Best Regards,
Movin

3

Hey there,

I gave this a try and it’s better but still isn’t perfect.

Would you know why it’s happening on some pages and not on others? & what I can do to avoid it happening in the future?

4

This is happening because you have added width to some of the page elements or added elements that have fixed width as shown in the attached screenshots.

5

Ah I see. So say if I changed the picture width then it would look normal? What is the max. width of the elements for the dazzling theme?

6

No just dont add any width to the picture so that they will display responsive.