Change support text after breakpoint

Resolved 3 replies premium theme theme-vantage

11 years ago · Last reply by Andrew Misplon 11 years ago

Hello, using this code at the moment to make the support text go down the logo after 1050px:

/* Vantage increase support text breakpoint */
@media (max-width: 1050px) {
  body.responsive header#masthead .hgroup {
    text-align: center;
  }
  body.responsive header#masthead .hgroup .logo {
    float: none;
  }
  body.responsive header#masthead .hgroup .logo img {
    margin: 0 auto;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  body.responsive header#masthead .hgroup .support-text,
  body.responsive header#masthead .hgroup #header-sidebar {
    position: static;
    display: block;
    margin-top: 10px;
    max-width: 100%;
  }
  body.responsive header#masthead .hgroup .support-text img,
  body.responsive header#masthead .hgroup #header-sidebar img {
    max-width: 100%;
    height: auto;
  }
  body.responsive header#masthead .hgroup #header-sidebar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto;
  }
  body.responsive header#masthead .hgroup #header-sidebar .widget {
    display: block;
    margin: 0 auto;
    float: none;
  }
}

Now I would like to change support text (remove 1 line) only after the breakpoint. Is this possible?

URL: https://degeneratione.it/

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

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 29 days ago
Hi n3d1117
The Header Text field can parse HTML. So you can do something like this:
```
My header text
<span>New line</span>
```
Then within your 1050px media query add:
```
body.responsive header#masthead .hgroup .support-text span { 
display: none;
}
```
n3d1117 11 years, 29 days ago
Love you Andrew <3
Andrew Misplon Staff 11 years, 28 days ago
Super :) Glad that did the trick.

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.