Right Hand Man.

Ahh I see, yes his site has the right sidebar because Arabic is a right-to-left language and Author flips everything for RTL sites.

That said, it is easy to recreate on English websites with the following CSS:

@media all and (min-width: 59.375em) {
	
	.main-sidebar {
		float: right;
	}
}
@media all and (min-width: 71.875em) {
	
	.main {
		padding: 3em 5.555% 3em 16.665%;
	}
}

Just copy and paste that into the Additional CSS section in the Customizer and it should work great.

Owwwwww! – But you are one clever man to know, and for me to suck up too.

Works perfectly, how the deuces do you do it?

The drop down menus even fit inside no worries.
Thank-you, thank-you and thank-you yet again: brilliant!

Now I’m going to have a cool shower, got all hot an sweaty.

Sorry to be such a pain Ben, but!

There’s always one of them, but if scrolling on the site goes to the top or bottom: then the menu bar jumps back to to left hand side, then jumps over to the right again when you scroll down the page again.

See it here if you want https://b92.co.uk

Scroll to the bottom, and then back to the top to watch the jumping in action. I can put up with the background colour round the menu being split as it is, but that jumping is somewhat disconcerting to the eye.

Looking at the CSS with a Broswer Inspector when the site is at the top, .. then.

<div id=”main-sidebar” class=”main-sidebar” style=”position: fixed; bottom: 0;”>

As can be seen the style position at the top most and bottom most points of the screen reverts to ‘fixed’.
Whereas during scrolling its ..
<div id=”main-sidebar” class=”main-sidebar” style=”top: 70.482666015625px;”>

Meaning that style=”top: 70.482666015625px; is used.

Any ideas what’s happening here?

On the bright side, (with even considering any of this), then you may even be able to add an extra selling feature to your most excellent themes. Just a thought.

Hmmm can you try adding this code as well?

.main-sidebar {
  right: 0;
}
.main {
  float: right;
}

Still jumping around top and bottom, .. but it now feels like I’m outstaying my welcome on this issue.

But at least I’ve got some CSS tags to play with now.

So thank-you very much for all you’ve done thus far.
You are the man!

Many thanks again.

Ahh okay I’m sorry that didn’t work for your site. Thank you for being so courteous with your requests tho ??

Here’s one more adjustment you can try instead of the previous code ??

@media all and (min-width: 59.375em) {
	
	.main-sidebar {
		float: right !important;
                right: 0 !important;
	}
}
@media all and (min-width: 71.875em) {
	
	.main {
		padding: 3em 5.555% 3em 16.665%;
                float: right !important;
	}
}