By Zack Paige on Saturday, 05 September 2015
Posted in Wanderers
Likes 0
Views 880
Votes 0
Not sure if this is the right place or not, but if I remember correctly there was a way to make the wanderer's template stretch across the full screen? When I post an article, it only goes into the middle and I would like the article to extend as fr left and right as they can taking up the grey area. Is this possible and if so how?
I've got a snippet of code that will fix this:

.container {
width: calc(100% - 10px) !important;
}


Add it to your template css file. You will have to clear the cache of JCH Optimize. Also note that this has not been extensively tested, so keep that in mind. Hope that helps.
·
Tuesday, 08 September 2015 12:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Zack,

I am really sorry for the delay of this reply as it is a weekend for us here.

If I recall correctly we do not have this such thing in wanderers template, can you take a look of my screenshot below?

Do you mean this grey area? Please advise.
·
Saturday, 05 September 2015 11:12
·
0 Likes
·
0 Votes
·
0 Comments
·
See attachment but the grey area I am referring to is on the outside of the modules and the articles. I want to push the articles and the modules to the outer most part of the screen.
·
Tuesday, 08 September 2015 12:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Zack,

Unfortunately wanderers does not have fluid layout option like protostar template and it is not possible to achieve it currently.
·
Tuesday, 08 September 2015 12:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Josh,

Thank you for the help.
·
Tuesday, 08 September 2015 13:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Where do I add this?

Just add it at the top of the css or should I add it at the bottom?

Zack
·
Thursday, 10 September 2015 14:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Technically any CSS file of wonderers as long as it's one that gets used. Is there a custom.css file? Updates to wonderers could override the change which is why a custom method is the best. I personally would put it in the top, but bottom should work too. Don't forget to clear the cache on your site.

Another method is Flexi Custom Code which removes the need of making template modifications:
http://extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/flexi-custom-code
·
Thursday, 10 September 2015 14:42
·
0 Likes
·
0 Votes
·
0 Comments
·
That worked thank you.
·
Thursday, 10 September 2015 14:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Zack,

Glad to hear that your issue has been resolved now.
·
Thursday, 10 September 2015 18:30
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post