[Saverio]

In the version of responsive http://www.osterialecivette.it/contatti/ I have problems in the sidebar.
It ‘too wide and creates problems for the widgets.
May depend on the last update?

[Sakin]

@Saverio: Sorry I don’t get it what you mean. Can you explain please?

[Saverio]

My website is: http://www.osterialecivette.it/. If you access from Smartphones or Tablet, the sidebar is incorrect. The widgets are not stacked. (sorry for my english-google)

[Sakin]

@Saverio: It’s because you have specific width widget for your widget is Footer area one and footer area three. IN this case you might want to add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (max-width: 1000px) {
    #supplementary.three .widget-area {
        clear: both;
        width: 100%;
    }
}

[Saverio]

I deleted widgets in the three areas of the footer, I deleted the widget facebook and tripadvisor from the sidebar, I have taken on and off the custom css, but nothing changes.
thanks SS

http://www.osterialecivette.it/contatti/

[Sakin]

@Saverio: Sorry not sure what you mean. Can you send me screenshot and explain. Can you check in our demo page is that issue is there http://catchthemes.com/demo/catch-everest/sidebar-layout/right-sidebar/

[Saverio]

these are the 3 catches:

https://www.dropbox.com/s/cehl3f04g0hvdde/Your.JPG?dl=0
https://www.dropbox.com/s/op2s1ao4dwnm8no/My-Desktop.JPG?dl=0
https://www.dropbox.com/s/kd9xga28230xop5/My-Smartphone.JPG?dl=0

In version smartphone-tablet, the sidebar is large, in the desktop version the sidebar is small

thanks
SS

[Sakin]

@Saverio: Yes, I got that so what you want to do it?

If you want to make your sidebar widget to take one full row in mobile devices portrait, then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (max-width: 480px) {
	#secondary .widget {
		width: 100%;
		margin-left: 0;
	}	
}

[Saverio]

Perfect!!! Really many Thanks!!!!

[Sakin]

@Saverio: That’s nice 🙂

[Author]

Posts