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?
Hi n3d1117
The Header Text field can parse HTML. So you can do something like this:
Then within your 1050px media query add:
body.responsive header#masthead .hgroup .support-text span { display: none; }Love you Andrew <3
Super :) Glad that did the trick.