Support » Theme: Custom Community » How to extend page content to full (or nearly) browser width?

  • Resolved cpekid

    (@cpekid)


    Hello,
    I have a client who insists on a responsive website where the content on each page width fills up the entire browser window so you don’t see any background on the sides and no more than a 5px margin on each side. I failed to talk her out of it, so this is what I’ve tried in the Custom Community css area, but it’s sloppy. link to site

    .container-fluid {
        width: 133%;
    }

    I then adjusted the left margin to center everything, but the problem is, it creates a scroll bar that scrolls right to excess blank space.
    I know that it’s not correct to have any width over 100%, but I couldn’t figure out how extend the content otherwise.
    When I set the container fluid width to 100%, the theme shrinks my content area width and crops my slider. (not using the theme slider).

    My screen has high resolution so I was creating extra wide header, footer & slider images to try to fill the width, but only the text & menu are resizing.

    Is there an easier css fix with this theme that I am missing?

    Thanks a million!

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to extend page content to full (or nearly) browser width?’ is closed to new replies.