This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Adjusting width/height of Masthead

Open 4 replies premiumthemetheme-vantage
partymonsterri
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 10 years, 9 months ago

    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. partymonsterri 10 years, 8 months ago

    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. partymonsterri 10 years, 8 months ago

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

  4. Andrew Misplon Staff 10 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread