Reduce left and right page margins in mobile for Nexus theme

bhaktiratnasadhu · Member · Apr 6, 2015 at 6:45 am
Copy link

Add topic to favorites
I am a business plan member and have found only the Nexus (Elegant) theme to be suitable for me after seeing all the themes. But it introduces

(1) too much left and right margin space in the single post page for the mobile that the post becomes unreadable on mobile browsers,

(2) too much left and right margins for the widgets in it’s left sidebar for the desktop, which makes even a few words go into the second line.

Please kindly help me to fix these via CSS as I am a business plan member. I will be fully satisfied only if I can do this.

The blog I need help with is: (visible only to logged in users)
bhaktiratnasadhu · Member · Apr 6, 2015 at 6:46 am
Copy link
The blog I need help is nitaiyoga.wordpress.com
thesacredpath · Member · Apr 6, 2015 at 10:20 pm
Copy link
Hi there,

(1) too much left and right margin space in the single post page for the mobile that the post becomes unreadable on mobile browsers,

You can give the following CSS a try and see what you think.
```
@media screen and (max-width: 1023px) {
	#main-content {
	width: 85%;
	}
	.main-title {
		width: 100%;
	}
}
```
(2) too much left and right margins for the widgets in it’s left sidebar for the desktop, which makes even a few words go into the second line.

on the Nexus theme, the content width for posts and pages is set for a maximum of 620px, which is within the normal range for text based content to ensure readability. Much wider than 700px and it gets harder to read, especially long posts. If you would like to play with content width, add the following to your Custom CSS and then you can adjust the 620px value as you desire.
```
#main-content {
width: 620px;
}
```

No items found.