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.

Positioning widgets in header?

Resolved 3 replies premiumthemetheme-vantage
Ollie Brazier
11 years ago · Last reply by Andrew Misplon 11 years ago

HI there,
In my header for Vantage (premium) I currently have my logo image. one widget with a slogan and another widget for social media icons. I am trying to set the middle widget (the slogan) between the header and social widget. When I resize the screen for ipad size etc the middle slogan will go over the header image and is there a way to stop the text when it hits the header? Make the header image a block element?
Regards

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 10 months ago

    Hi Ollie

    Can you try this for me under Appearance > Custom CSS:

    /* Vantage increase support text breakpoint */
@media screen and (max-width: 960px) {
body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
position: static;
display: block;
margin-top: 30px;
max-width: 100%;
}
}

    Please send through a link so I can see what’s up if it doesn’t work. You can adjust that 960px breakpoint as required.

  2. Ollie Brazier 11 years, 10 months ago

    PERFECT! Thanks Again Andrew

  3. Andrew Misplon Staff 11 years, 10 months ago

    Super; glad to hear that helped.

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