Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 22, 2016 at 5:21 pm #587303
    rhsheehan

    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

    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, 10 months ago by tjswarbs78.
    February 22, 2016 at 6:21 pm #587356
    Yigit

    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

    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

    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

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

    Thanka.

    February 23, 2016 at 5:36 pm #587831
    rhsheehan

    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.