In general, because most WP themes output the menu itself as a <ul> and the menu items as <li>, removing the list styling on the <ul> and setting either display: inline-block or float: left on the <li> should do the trick. The specific CSS selectors to use would depend on your theme, though.
Hi Stephen!
I just copied the code I found in one of threads here in the hope that it will solve my concern but it didnt. And I have very little knowledge about these codes and in WP in general.
.site-tools {
width: 34%;
}
.site-bar .nav {
width: 66%;
}
The code you posted wouldn’t have any effect on whether your menu items were in a horizontal line or not; it simply says that the menu takes up 66% of the available horizontal space. What theme are you using? Can you post a link to your site?
Hi again!
Im using Astrid as theme and the website is: http://www.fccp.org.ph/
Can you clarify what you’re trying to do? Your theme shows a horizontal menu already, but only when the window is larger than 1200px wide.
Also, you may get better answers if you post at your theme’s official support page at https://wordpress.org/support/theme/astrid#new-post
