Joomla 3, Helix 3- shaper template - Mobile version of site is "out of center"

Question

I designed a new site simple enough, with a top slider and menus. It seems that when I view the site via PC all is fine and in place.

When I view the site from a mobile phone (Android) it seems that the top slider is not centered.

The website address is: http://www.donoussa.gr

Thank you in advance.

score 0 · Answer 1 · edited Apr 13 '17 at 12:50

0

There is a styling conflict where Bootstrap applies the following CSS:

.row {
    margin-right: -15px;
}

I suggest overriding the CSS as follows:

.row {
    margin-left: -15px;
    margin-right: -15px;
}

You can override the CSS in Helix as per https://joomla.stackexchange.com/a/14219/120 or similar.

edited Apr 13 '17 at 12:50

Community

answered Jun 15 '16 at 03:20

Neil Robertson

But can i make it fit the edges of the white frame ?? – John G Jun 21 '16 at 13:35
I have amended the answer. Feel free to upvote if this is useful! – Neil Robertson Jun 21 '16 at 23:26
The previous answer before the "fix" was ok for mobile version of the site but then it creates the same problem on the pc browser version of the site. – John G Jun 24 '16 at 08:09

1 Answers1