Reorder header elements
-
What css should I use to reorder the header elements? I want the <h1> TITLE at the top, then the logo under, then the tagline under that.
I’m using Gateway theme, which currently has the logo at the top before the title.
Thanks for the help!
The blog I need help with is: (visible only to logged in users)
-
Hi Lea,
Give a try to this code:
.site-title { margin-top: -220px; } .site-logo { margin-top: 90px; } @media only screen and (min-width: 50em) .hero-section { margin-top: 70px; } .hero-section { margin-top: 140px; }Should center the logo between the title and tagline.
-
Apologies, I missed a few braces. Please use this code:
.site-title { margin-top: -220px; } .site-logo { margin-top: 90px; } @media only screen and (min-width: 50em) { .hero-section { margin-top: 70px; } } .hero-section { margin-top: 140px; } -
- The topic ‘Reorder header elements’ is closed to new replies.