Home>Support>Adjusting width/height of Masthead

Adjusting width/height of Masthead

By partymonsterri, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I would like the header image at

 http://anthonysimage.com/Wordpress_Site/
to fill the width and height of the masthead div, similarly to
http://www.anthonysimage.com/index.html

Thoughts? I am a premium user.

Bill

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bill

    Thanks for reaching out.

    If you remove from Custom CSS the new page wrapper width and the logo border then the following should do the trick:

    /* Full Header Logo - Boxed Layout Bound */

header#masthead {
padding: 0 !important;
}

header#masthead .hgroup {
padding: 0 !important;
}

header#masthead .hgroup .logo img {
height: auto;
width: 1080px;
}

header#masthead .hgroup .logo img[style] {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.main-navigation {
margin: 0 !important;
}

body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar {
display: none !important;
}
  2. 9 years, 3 months ago partymonsterri

    Thanks, worked fine, with a small width adjustment.
    I’d like to have a main content div, similar to what is on the original site. I’d also like to be able to add content above the slider, and “dividers” on the nav menu. Should I start new threads for these?

    Thanks again,

    Bill

  3. 9 years, 3 months ago partymonsterri

    That worked, with only a slight width adjustment. Thanks. Is there an easy way to add a container div inside the main

  4. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bill

    Glad that helped.

    Just a quick heads up. We don’t officially offer customisation support but do our best to help out with small tweaks if we have capacity at the time. Just want to make sure we set a realistic standard moving forward.

    The page wrapper for the Vantage boxed layout is set as follows:

    body.responsive #page-wrapper {
  max-width: 1080px;
}

    Give the following a try for the menu dividers. Change “blue” to the hexadecimal color of your choice:

    .main-navigation ul li a {
border-right: 1px solid blue;
}

.main-navigation ul li a:last-of-type,
.main-navigation ul ul li a {
border-right: none;
}

    Hope that helps.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More