[AlbertVilella]

Hello, at first I designed my website with 2 columns of 750px width for #primary and 400px for #secundary and responsive behavior was perfect. But for aesthetic reasons I changed these widths to 900px and 242px and now the responsive behavior no longer works. why? Can you help me?

Thanks,

[Sakin]

@AlbertVilella: Can you post in your site URL and then I can check in your changes and why it’s not working. When you change the width, you need to use responsive css.

[AlbertVilella]

Of course , my site is this http://www.albertvilella.com/

Thank you very much!

[Sakin]

@AlbertVilella: Please delete your custom css and add the following css. Your css is only for fixed with. When you change the width, you need to change the width as per the screen size.

@media screen and (min-width: 783px) {
	.two-columns  #primary { width: 900px; }
	.two-columns #secondary { width: 242px; }
}
@media screen and (max-width: 1280px) {
	.two-columns #primary { width: 830px; }
}
@media screen and (max-width: 1152px) {
	.two-columns #primary { width: 770px; }
}
@media screen and (max-width: 1100px) {
	.two-columns #primary { width: 690px; }
}
@media screen and (max-width: 1000px) {
	.two-columns #primary { width: 630px; }
}
@media screen and (max-width: 940px) {
	.two-columns #primary { width: 480px; }
}
@media screen and (max-width: 782px) {
	.two-columns #primary { width: 100%; }
}

[AlbertVilella]

Perfect! Now if it works correctly. Thank you very much for the accuracy and speed of responses : ))

[Sakin]

@AlbertVilella: Thanks for your appreciation and if you like my support and Catch Adaptive theme and please provide of positive review and rating at https://wordpress.org/support/view/theme-reviews/catch-adaptive?filter=5

Thanks 🙂

[AlbertVilella]

OK! 🙂

[jpichardo7]

I’m having the same problem. Responsive behavior was working fine, but now not working at all (https://vrclimo.com).

Note: Using same theme in another site and working just fine (http://sunnyislescleaningmaid.com).

[Sakin]

Hello jpichardo7,

There are so many issues in your site https://vrclimo.com/. You need to check in the person who developed this site. There are custom css which is preventing responsive design and also your slider is not responsive. Further, your panel is also not responsive. It’s all set to fixed 1280px width. Also there are lot of margins and padding set in custom css.

Regards,
Sakin

[jpichardo7]

Hello Sakin.

Thank you for your response. Site was working fine before (Probably and it’s a conflict with a plugin). Some pages are showing ok (listed below), but mobile menu not working either.

https://vrclimo.com/contact-us/
https://vrclimo.com/ft-lauderdale-international-airport/
https://vrclimo.com/miami-international-airport/

[Sakin]

@jpichardo7: Yes, looks like that as well. I doubt in your plugin settings. So, try disabling plugin or change the setting of plugin like I see you are using Siteorigins

[Author]

Posts