Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.
One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.
Course Of The Month
3 days, 16 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
How can I create a horizontal menu in my WordPress theme?
Posted on 2012-07-15
Hello,
Please go to http://zclientdev.net/munchiesbymarcia and note the bottom menu with items Made in Michigan, FAQ, Photos and Community.
I would like to convert that menu to a horizontal menu but don't know CSS well enough to do so. I've tried a few things but without success.
Your help is appreciated!!
Thank you!
Please go to http://zclientdev.net/munchiesbymarcia and note the bottom menu with items Made in Michigan, FAQ, Photos and Community.
I would like to convert that menu to a horizontal menu but don't know CSS well enough to do so. I've tried a few things but without success.
Your help is appreciated!!
Thank you!
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
3-
2
5 Comments
On line 84, in custom.css
remove float:left from ul.menu-sidebar
on line 87 in custom.css, remove display:inline, and add float:left;
.menu-sidebar li{
float:left;
margin-right:15px; /* adds a little spacing between items */
}
and the lines above the menu items are coming from menu.css line 159:
.menu-sidebar li.level1 {
background: url(../images/menu_sidebar
}
the first one being removed on line 162:
.menu-sidebar li.level1:first-child {
background: none;
}
remove float:left from ul.menu-sidebar
on line 87 in custom.css, remove display:inline, and add float:left;
.menu-sidebar li{
float:left;
margin-right:15px; /* adds a little spacing between items */
}
and the lines above the menu items are coming from menu.css line 159:
.menu-sidebar li.level1 {
background: url(../images/menu_sidebar
}
the first one being removed on line 162:
.menu-sidebar li.level1:first-child {
background: none;
}
Sweet! Thank you!! It works.
May I also ask...? How can I add a border-left to the first item? I already added a border-right to each item. And, how can I center the entire bottom menu?
Regards,
May I also ask...? How can I add a border-left to the first item? I already added a border-right to each item. And, how can I center the entire bottom menu?
Regards,
to add the border:
menus.css line 162: targets the first li:
As it is, to center the menu you will need a width - this is a bit unfortunate, but that's how this menu was built...
menus.css line 162: targets the first li:
.menu-sidebar li.level1:first-child{
border-left: 1px solid black;
padding-left: 15px;
}
As it is, to center the menu you will need a width - this is a bit unfortunate, but that's how this menu was built...
.menu-sidebar{
margin:0 auto;
width: 450px;
}
Kudos to kozaiwaniec!! I sincerely appreciate his quick responses to my questions!
Regards,
timburkart
Regards,
timburkart
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Introduction
A frequently asked question goes something like this: "I am running a long process in the background and I want to alert my client when the process finishes. How can I send a message to the browser?" Unfortunately, the short answer…
- CSS
- HTML
- JavaScript
- PHP
- jQuery
- AJAX
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site
Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site
quickly and not seeing your content.
This…
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses
Course of the Month3 days, 16 hours left to enroll
691 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.