[Support request] Making a tabbed menu at the top of header

[Alan Stancliff]

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

[Tom]

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;
}

[Author]

Posts