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:
Love you Andrew <3
Super :) Glad that did the trick.