Archived topic
Making a tabbed menu at the top of header
1 reply · Started by Alan Stancliff on April 5, 2018
Hello,
I created a site at "wordpress.com" in 2009, and now I plan on self hosting it elsewhere. The original theme had been abandoned, but I managed to find an old copy of it. I downloaded the XML file and reconstructed it with the old theme on a local WAMPserver on my Windows computer pretty successfully. I am changing the theme to GeneratePress Pro, and after I have it working on my local server, I’ll upload it to a self-host server
The original live site is at https://alanoldstudent.wordpress.com.
My question is this: How can I get the menu to be tabbed as it is in the original site? I discovered how to move the menu bar above the header image. But I don’t know how I can change it to look like it does on the WordPress.com site. I’d like to do it without a plugin if possible. I’m very much an amateur with HTML5 and CSS, but I know some of the basics and how to do a bit of research. But I couldn’t figure out how to do what I wanted.
Regards,
Alan
If the menu is set to be above your header, try this CSS:
#site-navigation {
margin-top: 5px;
}
#site-navigation .main-nav > ul > li {
margin: 0 5px;
}