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, 5 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, 5 months ago

    PERFECT! Thanks Again Andrew

  3. Andrew Misplon Staff 11 years, 5 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