Sidebar/Content Dimensions

[Rob]

Hey Bill . . . could you please help with my sidebar/content dimensions? I may have changed something . . . esp when it goes to mobile . . . the sidebar is very narrow. I need the sidebar to be at least 200px. Thanks again . http://www.seadoghull.com

[Bill Robbins]

Rob,

I just took a look and it appears that you do have them at 200 pixels wide in both the desktop and tablet sized views. That’s still pretty narrow, but it is wider than the default in that version of the theme which was 180 pixels I believe.

Bill

[Rob]

Thanks Bill! . . . I guess what I need is when viewed on smaller screens or tablet and it’s tucked underneath the content, how can I have the sidebar go to 100% of the screen to match the content box.

[Bill Robbins]

Rob,

You could give this a try:

@media only screen and (max-width: 767px) {
	
	aside.sidebar {
		clear: both;
		width: 100%;
		float: none;
		overflow: hidden;
		margin: 0 auto;
	}
	
	aside.sidebar .widget {
		float: left;
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}

}

@media only screen and (max-width: 520px) {
	
		aside.sidebar {
		clear: both;
		width: 100% !important;
		float: none;
		overflow: hidden;
		margin: 0 auto;
	}
	
	aside.sidebar .widget {
		float: none;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
	}
	
}

I think that will let the widgets line up in two columns on tablets and then be full width for smartphones.

Let me know if you have any trouble or questions,
Bill

[Rob]

Bill !!! That rocks! Thanks sooo much. Man . . . I have learned so much with tweaking your theme. Thanks again

[Rob]

btw . . . have you had an issue with rss feed having issues not showing up in some browsers?

[Bill Robbins]

Rob,

Do you mean an icon that is part of the browser for RSS feeds? I know browsers have been removing those over the last little while. I’ve been a longtime Safari user and it seems like they took it out in version 5. I’m not sure if there’s much we as website owners can do there except to have a link on the site for our feeds.

If you’re thinking of something else, let me know.

I’m glad you’ve been able to learn a lot by looking through the theme. You might take a look at the 2.0 version we just released. I think the code is a bit cleaner and the styles hopefully are more straightforward too.

Bill

[Rob]

No . . . I mean in some browsers like Google Chrome you get a big mess saying

This XML file does not appear to have any style information associated with it. The document tree is shown below. etc . . .

My customer thinks it’s my shortcoming. I told him it was a browser thing. Do you know of a fix?

[Bill Robbins]

I don’t know of one. Since Google killed off Reader, I’m suspecting they’d love RSS to just die and go away.

You could hide the RSS button on Chrome if you wanted to. This CSS would do that:

.chrome p.header-links a:last-of-type {
	display: none;
}

[Rob]

Thank you

[Bill Robbins]

Anytime. You can point your client to this page if they don’t believe you: http://wordpress.org/support/topic/having-trouble-with-rss-feed-not-displaying-properly

[Author]

Posts