WordPress.com forums

Get help with WordPress.com, the free blogging platform, and the WordPress.com apps.

Text widget display for tablet changed by CSS

grayshottheritage · Member · Mar 19, 2017 at 6:01 pm
Copy link

Add topic to favorites
I am using the text widget to place a side menu on my homepage but it doesn’t work very well responsively. Although it looks fine on a mobile, on a tablet in portrait it looks dreadful. It doesn’t span the width of the screen but merely sits in the middle underneath the intro text. Ideally I would like it to remain the same as on desktop and just change for mobile viewing. Can the media queries be changed in the custom css feature to combat this and if so how could I do it? The theme I am using is SELA.

Thanks!

The blog I need help with is: (visible only to logged in users)

thesacredpath · Member · Mar 20, 2017 at 10:21 pm

Hi, add the following to the very bottom of your custom CSS.

@media screen and (max-width: 768px) {
	#secondary, #tertiary .widget-area {
		margin-left: 0;
		margin-right: 0;
	}
}

grayshottheritage · Member · Mar 21, 2017 at 7:50 pm
Copy link
Perfect, thanks!
thesacredpath · Member · Mar 22, 2017 at 12:59 am
Copy link
You are welcome.

The topic ‘Text widget display for tablet changed by CSS’ is closed to new replies.