Home>Support>Change support text after breakpoint

Change support text after breakpoint

By n3d1117, 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].

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. 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 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;
}
  2. 10 years, 10 months ago n3d1117

    Love you Andrew <3

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

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More