Home>Support>Change support text after breakpoint

Change support text after breakpoint

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. 9 years, 8 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. 9 years, 8 months ago n3d1117

    Love you Andrew <3

  3. 9 years, 8 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