Need help? Check out our Support site, then


Text widget display for tablet changed by CSS

  1. grayshottheritage
    Member

    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 grayshottheritage.com.

  2. 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;
    	}
    }
  3. grayshottheritage
    Member

    Perfect, thanks!

  4. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic