Center blog content

jacquelynmae · Member · Feb 4, 2015 at 4:53 am
Copy link

Add topic to favorites
Please help! I need to center the content on my blog posts. When you click to view the actual post everything is moved to the left of the page. My main content is skewed to the left as well. Additionally I would like to decrease the length of my logo–meaning decrease the amount of space between my logo, menu, and content. LASTLY there are two menus- the one on the top, and the one on the side/below the logo (it displays different on different browsers) I only want the menu that contains the instagram link. Thank you!!!

The blog I need help with is: (visible only to logged in users)
k3vmo · Member · Feb 4, 2015 at 6:23 am
Copy link
It looks like you have a premium commercial theme. I don’t know if you have access to the css editor. It would be under Appearance –> CSS if you do.

See the screenshot CSS to mod

You need to remove the padding from nav#site-nav

That pulls the navigation closer to the logo as you requested.

On each post page – you have the sidebar enabled. Check under appearance –> Widgets – Or Page – and look for ‘template’ when you have a specific page open. Check each template to see if there is one without the sidebar
designsimply · Member · Feb 14, 2015 at 8:31 pm
Copy link
I need to center the content on my blog posts. When you click to view the actual post everything is moved to the left of the page. My main content is skewed to the left as well.

I’m not quite sure I know exactly what you mean, but I looked at your latest post at http://lovefromjackie.com/2015/02/11/back-in-black/ and I can see how there’s a bit of a large gap between the post content container on the left and the sidebar on the right. I wonder if just taking away the max-width on that area to make the content container bigger would be a good solution. Give this a try by adding it to your Appearance > Customize > CSS editor and let me know if that’s not what you were after:
```
@media screen and (min-width: 1023px) {
	.entry-content, .entry-summary, .blog .entry-meta, .single-post .entry-meta, #comments, #disqus_thread {
		max-width: none;
	}
}
```
designsimply · Member · Feb 14, 2015 at 8:35 pm
Copy link
Additionally I would like to decrease the length of my logo–meaning decrease the amount of space between my logo, menu, and content.

It looks like there’s some space in the theme there for a main navigation menu but you aren’t using it. To hide it completely and make that extra spacing go away, you can try this:
```
#site-nav {
	display: none;
}
```
Note that if you should ever want to use the menu tools to add a menu there later, you would need to remove the CSS example above before that would work.
designsimply · Member · Feb 14, 2015 at 8:36 pm
Copy link
there are two menus- the one on the top, and the one on the side/below the logo (it displays different on different browsers) I only want the menu that contains the instagram link.

I think you got this one covered by making an empty custom menu and assigning it to the “Primary menu” area in Appearance > Menus > Manage Locations in your blog dashboard.

No items found.