Joomla Templates Club 406,261 posts

[shanty Friend shantyJoin date: April 2008Posts: 70Downloads:6Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#195350

Hi there*

I’ve managed to set the site into full width using custom.css as follow

@media (min-width: 1200px) {
.container {
width: 1268px;
}
}

However how do I keep the site in the center? *Because at the moment the whole site (header, content & footer) has shifted to the left. I’d like to maintain the original site width in the center but with full screen width wrapper.

Thanks a lot.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524891

Try this code


@media (min-width: 1200px) {
.container {
width: 1268px;
margin:0 auto;
}
}


[shanty Friend shantyJoin date: April 2008Posts: 70Downloads:6Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#524895

Hi there,

I’ve tried the code but the site still on the left not centered (nothing change).
Any extra code?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524923

Please post your site Url

[shanty Friend shantyJoin date: April 2008Posts: 70Downloads:6Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#524948

I have PM you. Thanks.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#524957

Do you want something like this ?

---

Attachments:

1. 

[shanty Friend shantyJoin date: April 2008Posts: 70Downloads:6Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#525002

Hi there,

to change from im1 to im2 (centered). Please see images attached.

thanks.

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#525031

Go to this File: /templates/ja_beranis/css/template.css

Add this code

.row { margin: 0 auto !important; width: 960px !important; }

[shanty Friend shantyJoin date: April 2008Posts: 70Downloads:6Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#525184

Hi there,

I have added the code and yes, the site moved to the center.
However, when I viewed it on the large screen, it isn’t full width. Is it possible to make it full width on all size of screens (fluid)?

But the biggest problem, once I added the code, the site is not loaded properly on tablet or mobile.

[Author]

Posts