Docs

[danny]

Hi there,
I’ve got two issues on the sidebar using the Ethos theme.

1. Remove the left and right spacing for the side bar on screens under 979px so that the black stretches to the edge of the screen.

2. When the sidebar is docked on the rightside, I want the text to fill wider than 217px that it seems to be set to.

Can you help?

[danny]

My URL is

http://www.dannyhearn.me/blog

[Paul R]

Hi,

Thanks for writing in!

1. You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.x-sidebar.right {
   margin-left: -6%;
    margin-right: -6%;
}
}

2. You can adjust your sidebar width by adjusting your content width under Layout and Design in the customizer

Hope that helps

[danny]

Thanks for your help on

1. There’s still a bit of white background (see screengrab)
2. I’ve adjusted the width, the most I can drag the bar to is 74. If I manually enter 100 the text still doesn’t stretch accross the side bar (see screen grab)

[Christopher]

Hi there,

Please add following code too:

@media (max-width:979px){
.x-container.max.width.main {
    width: 100%;
}
.offset.cf {
    margin-bottom: 0;
}
}

Hope it helps.

[danny]

Hi there,
sorry it’s still not stretching?

see http://www.dannyhearn.me/user-experience/i-used-lego-teach-teams-agile/

[Christopher]

Hi,

Are you referring to desktop version?
If so, please try this code :

.x-container.max.width.main {
    width: 100%;
    max-width: 100%;
}

hope it helps.

[danny]

Hi there,
Yes desktop version. I’m referring to the sidebar when it is docked on the righthand side. The code you gave me reduces the spacing on the main blog space as well as the sidebar.

I just want to reduce the spacing on the sidebar when it is docked on the righthand side.

I’ve attached an image to show this

[danny]

see attachment

[Rupok]

Hi there,

Thanks for writing back. It appears on my end like this – http://prntscr.com/cmzk4f

As it’s different than your screenshot; perhaps you have changed this already. If you still have any issue then let us know. We’ll be happy to assist you.

[Author]

Posts