Archived topic
Particular Logo, Site Title, Tagline, Nav Option
5 replies · Started by Shaun on October 7, 2021
Viewing posts 1–6 of 6
Hi
I am recreating a website from Wix and need some way to setup the header so that:
- Logo is centred and on top of
- Site title, which is centred and top of
- Tagline, which is centred and top of
- Navigation
See https://www.epguidanceaustralia.com/
Thanks
Shaun
Hi Shaun,
Can you link us to the page you're working on? To check its header structure and base the necessary CSS write-up from it. :)
Try this CSS:
.inside-header.grid-container {
display: flex;
flex-direction: column;
}
.site-branding-container {
display: flex;
flex-direction: column;
text-align: center;
}
.site-logo,
.site-branding {
width: 100%;
}
@media (max-width:768px){
nav#site-navigation {
position: fixed;
right: 0%;
top: 1%;
}
}The navigation CSS is optional but feel free to try it out.
Thx Elvin
It worked perfectly
I've written the CSS to make the navigation on mobile to be "sticky". But if that's not the preferred behavior, change position: fixed; to position: absolute;.
No problem. Glad to be of any help. :D
This archived topic is closed to new replies.
