Home>Support>Positioning widgets in header?

Positioning widgets in header?

By Ollie Brazier, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    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. 10 years, 10 months ago Ollie Brazier

    PERFECT! Thanks Again Andrew

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

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More