One page stretched and others boxed - Support | Kriesi.at

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
February 22, 2016 at 5:21 pm #587303

rhsheehan
Participant

Hi. I have been though every thread I can find on this and can’t quite come up with the right answers.

I need a page (not the home page) to be stretched and the rest of the site boxed. Eventually I will need to do the same with the home page.

I found a aupport article saying to do this:
.boxed#top.page-id-59 {
width: 100%;
max-width: 100%;
}
I changed the page id to my page (634) and it did not work. Then I took a stab at another post and tweaked it to come up with this:
body.page-id-632
{ max-width: 100% !important; width: 100% !important;
}
Which did work However, now the entire menu and logo are to the left. I tried several things I found on your site but none of them would align the logo and menu towards the center as it should be.

Thanks for your help.

February 22, 2016 at 5:59 pm #587338
tjswarbs78
Participant
You could try…
```
.page-id-634 .container {
  max-width:100%;
}
```
From my understanding the page number class should come first. So that snippet should only change the container to 100% on page 634.

you may have to add in a rule to keep the header / menu / footer etc at the boxed size
```
.page-id-634 #header_main .container{ max-width:1310px!important; }
.page-id-634 #footer .container{	max-width:1310px!important; }
.page-id-634 #main .title_container .container{ max-width:1310px!important; }
```
Change what ever your boxed width is for 1310px above. The menu / breadcrumb will stay central

TJ
- This reply was modified 8 years, 9 months ago by tjswarbs78.
February 22, 2016 at 6:21 pm #587356

Yigit
Keymaster

Hi!

Please refer to @tjswarbs78’s post above and if that does not work, please post the link to your page where you would like to have stretched layout

@tjswarbs78 Thanks :)

Regards,
Yigit

February 22, 2016 at 8:21 pm #587434

rhsheehan
Participant

Worked perfectly (need to test mobile though). Thanks so much for the support from TJ and Yiggit.

Have a wonderful day.

February 22, 2016 at 8:48 pm #587444

rhsheehan
Participant

Oops. I spoke to soon. It did not work. When I remove the code I had the page returns to boxed. If I use the code I had put in that was successfully making the page stretch, the menu goes back to the left again.

February 22, 2016 at 10:22 pm #587476

rhsheehan
Participant

Here is a link to the problem page. http://dramakidsfranchises.com/video5/

Thanka.

February 23, 2016 at 5:36 pm #587831

rhsheehan
Participant

Okay. I finally got it working. Here is what I did and it worked perfectly. I thought I would share this for others who might need help.

body.page-id-632
{max-width: 100% !important; width: 100% !important;
}
.responsive #top.boxed .page-id-632, .responsive.html_boxed.html_header_sticky .page-id-632 #header, .responsive.html_boxed.html_header_transparency .page-id-632 #header
{max-width: 100% !important; width: 100% !important;
}
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘One page stretched and others boxed’ is closed to new replies.