[Tazzipoo]

The Primary Sidebar is showing below the content of the page – as far as I can saee the widths are all correct and I am not sure why this is happening.

Please advise

[Tazzipoo]

Apologies – page – http://www.anbikes.co.za

[Sakin]

@Tazzipoo: Can you check your site URL and let me know it. It’s not opening.

[Tazzipoo]

butter fingers!! – http://www.andbikes.co.za

[Sakin]

@Tazzipoo: Looks like you have customize core theme style.css file. You shouldn’t edit that file. Actually, you should add/edit any file inside core theme directory catch-reposnive. So, you need to edit your theme using theme customizer at “Appearance => Customize” and if you want to do advance coding then you can build child theme and add it as per your need. But if you simply want to change css then you can add your custom css in “Appearance => Theme Options => Custom CSS Options” box.

Why you don’t edit core theme files like style.css? It’s because all your edits will be reverted back to original when you update the theme and also when you have problem like this we cannot check the issue. So, please revert back your theme to latest version and then backup your style and add in either as child theme or as custom css.

The issue, I see in your style.css is the following css:

.site-content {
	background-color: rgba(0, 0, 0, 0.7);
/* rgb = 0 0 0 is black color */
/* a = 0.7 is 70% of alpha channel */
};
}

Replace that with:

.site-content {
    background: #444;
    background: rgba(0,0,0,0.7);	
}

[Tazzipoo]

No difference?

I couldn’t imagine that being the difference though as all that code does is change the colour and transparency of the background, why would that affect the sidebar positioning?

Regards

[Sakin]

@Tazzipoo: Did you refresh and check in your site. As when I check in your site from my laptop, sidebar is showing at the right of the content.

Yes, it’s not about the code to change the color that is effecting your site. It the mistake of the code that is effecting. There shouldn’t be extra code like below, which was found it that code. So, I have corrected that css for you.
};

[Author]

Posts