DarkNoise
|
Hello everyone. First time posting, I'm usually good at troubleshooting things myself, but this is really really stumping me.
I'm working on my work's website and all has been going well. It was decided to create a separate joomla template for use on mobile devices, and again everything was going well till I hit a snag in the design.
The plan was to have the modules stacked on top of each other to create one page of different boxes, think of a parallax site only without the parallax. Well the modules fit together with no margins or padding perfectly fine, however, they refuse to go full width, leaving about 5-10px margin on each side of the page.
I went trough the css to see if I could find a problem and the most I could find was .art-sheet only had a top and bottom margin in the CSS. I adjusted this to include left and right margins (all set to 0) as well. Only this led to more problems.
This closed up the margin on the left but left a margin on the right, in fact, it seems that creating the new margins caused the sheet to align to the left instead of remaining in the centre.
As you can imagine I'm getting pretty frustrated by now. I've been through every piece of CSS I can and cannot find the problem or make any successful attempts to correct it. Can anyone help at all please?
Template exported using Artisteer 3.1.0, Joomla 2.5.28
|
| |
James G.
|
So I assume the problem is with the responsive template and not the desktop.
The responsive template uses a 1% left and right margin which is located in the style.responsive.css file. Have you tried to make your adjustments in this file?
url would be helpful.
|
| |
DarkNoise
|
Quote James G.:
So I assume the problem is with the responsive template and not the desktop.
The responsive template uses a 1% left and right margin which is located in the style.responsive.css file. Have you tried to make your adjustments in this file?
url would be helpful.
Artisteer 3.1.0 does not have responsive template features, that's one of the reasons why I'm making a separate template for mobile use alone.
Web: m.shoutout.uk.com
are in mind that this page is intended for mobile use when displayed.
|
| |
James G.
|
If you want to go full width, you need to change the sheet width. It's currently set at 960px.
Looks like you will still have a 2px space on left and right for the table formatting.
|
| |
DarkNoise
|
Quote James G.:
If you want to go full width, you need to change the sheet width. It's currently set at 960px.
Looks like you will still have a 2px space on left and right for the table formatting.
Baring in mind this is for mobiles (ignore the menu I need to get rid of that) What width would you suggest. And where would I correct this table formatting?
|
| |
DarkNoise
|
Nevermind. I've just reinstalled the template with the site width set to 100% and everything is working fine now. Thank you for the help, much appreciated.
|
| |
James G.
|
Awesome!
|
| |