We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Columns not centering correctly

Featured Lock Resolved Issue
I have created a row that is in the format 3+6+3. I created a new header row to replace the logo area because I needed extra info in the header. It should be centering in the column but it is for some reason pushing to the left side of the column.

6 Answers


3 weeks ago #Permalink
Hi. Rename top bar section or use this code.

#sp-top-bar .sp-module {
display: block;
margin: 0;

The code provided by Mehtaz is best removed. Such decisions are crutches that can break something else.
I've added the coding but it doesn't seem to have made any difference.
Isn't it make difference????
First, it is totally in left-aligned but now it's centre
For me it is still left oriented in chrome and firefox on my mac. I've cleared the cache and it is still off.

Attachments (2)

  • mac-firefox.jpg
    mac-firefox.jpg 310.1 KB
  • mac-chrome.jpg
    mac-chrome.jpg 364.1 KB
Pavel you were correct. The above code caused my site to skew to the right when it was in mobile version. Using your s has fixed the issue.

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us