How can I place header area widget contents below site title and tagline?

[dosolutions]

I have some simple text that i would like to display under the site title and tag line on all pages.

ABOUT US

Is there some way to adjust the location of the header widget?

Thanks

[scrambler]

Put the HTML for it in the Header HTML box, then we can play with CSS to try and position it in a responsive manner.

Do specify what should happen on Mobile

[dosolutions]

OK

I have the text in the header html section of this site.

HOME

I really would like to hide that content on all but the home page, to save space. Is that something we can implement via CSS in that Header section?

Thanks!

 

[scrambler]

Yes, you can place your HTML in a Show_if shortcode, using the Page ID number (Replace XXX below) of your home page

[show_if post_id=XXX] YOUR HTML [/show_if]

[dosolutions]

perfect!

And to adjust CSS for small screens? What selector should I use?

-Daniel

[scrambler]

What kind of adjustment are we speaking of?

But if you need to apply rules to the whole area on mobile you can add a rule like below in the Theme Global Custom CSS Rule box

.is-mobile #header-html {left:10px;top:10px;}

there are various device selectors you can use

.is-phone for just phones

.is-smalltablet for small tablets

.is-mobile for both

.is-desktop for desktop

[Author]

Posts