Support » Theme: Adaption » full width template

  • Resolved jhnpldng

    (@jhnpldng)


    I see get_sidebar() is in the header.php file. How can I make a full width template for this theme?

    I’ve made a child theme

    Thanks, John

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi John – If you don’t place any widgets in Sidebar 2, the layout is full-width by default.

    Would this serve your needs well enough, or did you want to create a full-width template that you can select only for specific pages?

    Because of the way Adaption is coded it might be a bit tricky to create a full-width custom template the traditional way. It could be done more easily with some custom CSS, to hide the right sidebar on specific pages.

    Let me know which route you go and if you need more help.

    Thread Starter jhnpldng

    (@jhnpldng)

    Removing widgets from sidebar 2 makes the content area go from 715px to 790px ish on a 1366px screen. Not much of a gain for removing a 240px sidebar considering it also shrinks sidebar 1 slightly and still leaves 260px of white space. Of course I can re-adjust all that with css.

    Is there some trick I don’t know about for hiding a sidebar conditionally with css or are we talking inline css per page?

    Not a big deal. This was a potential theme for a potential client as it almost matches his hand coded html site so I thought he would want to keep the look but since then I’ve found out he’s been eyeballing premium photography themes that look nothing like what he currently has.

    Moderator Kathryn Presner

    (@zoonini)

    Is there some trick I don’t know about for hiding a sidebar conditionally with css or are we talking inline css per page?

    You can hide the right sidebar – or make other CSS tweaks – on specific pages, by targeting the page’s unique ID. For example, this would hide the sidebar on the page with the ID 5.

    .page-id-5 #secondary {
     display: none;
    }

    To target multiple pages:

    .page-id-5 #secondary, .page-id-6 #secondary {
     display: none;
    }

    You can also use CSS to widen the main column on specific pages as well.

    Let me know if you need further help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘full width template’ is closed to new replies.