Viewing 7 replies - 1 through 7 (of 7 total)
  • Parabola Settings –> Layout Settings

    Adjust the Content/Sidebar width sliders to max.

    Thread Starter linbmcd

    (@linbmcd)

    Thanks, skulldragon, but when I adjusted the sliders to max (which I assume meant sliding everything over to the right as far as they would go), it basically shifted the content and header over to the right, and I lost my sidebar. The header width didn’t change. Don’t know if you clicked on my link, but I use the presentation page and for the rest of the site, use two columns with sidebar on the right as the layout.

    I appreciate your effort – any other ideas/thoughts?

    I am having the same exact issue. I would like my header to fit the width of the screen. But it won´t do it. I´ve been reading that there are some changes that we can make with the editor, but I didn´t quite get it.

    I am still looking, if I find out anything, I´ll let you know.

    Hey guys!

    For linbmcd, you can make the background black to match with the image using this:

    #header-full {
        background: #000;
    }

    That way the image won’t get stretched out, or have the nav links over your image text 🙂

    For rvargas1981, if your situation is different, or linbmcd if you’d like to use a different image or don’t mind the text being covered, this will work:

    #header-full {
        background: url(your image link here) no-repeat;
        /*if your image doesn't cover the area with it's natural dimensions use the code below as well*/
        background-size: 100%;
        background-color: #colorthatmatchesyourimage;
    }

    And if you are replacing the header image with the above method, you can either remove the original from your theme settings, or just hide it using this:
    #bg_image { display: none; }

    Cheers!

    Thread Starter linbmcd

    (@linbmcd)

    Hey SomewhatRounded,

    Thanks for the effort:

    For linbmcd, you can make the background black to match with the image using this:
    #header-full {
    background: #000;
    }
    That way the image won’t get stretched out, or have the nav links over your image text 🙂

    But unfortunately, that didn’t change a thing :(. But I appreciate the attempt.

    Cheers back!

    Thread Starter linbmcd

    (@linbmcd)

    PROBLEM SOLVED!

    I’m embarrassed to admit how simple this was, but happy to share. To visually extend my header, which already had a black background, I navigated to: Appearance>Parabola Settings>Color Settings>General>Background.

    “Background” has four options, which have pop ups to identify them when you click on each field:
    Header background
    Main Site Background
    Footer Widgets Area Background
    Footer Background

    I clicked on “Header Background” and changed the color to #00000, which is black. Voila!

    I realize that this is not the same as “stretching” the header so the whole image takes up the width of the screen, but it accomplished what I needed.

    SomewhatRounded

    Thank you so much for the answer. I am gonna try it tonight, hopefully that will work, and I´ll let you know.

    Thanks again

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Modify header-extend to full width with CSS?’ is closed to new replies.