?
Solved

Drupal CSS, One of many drop down menus is too narrow

Posted on 2011-10-20
5
Medium Priority
?
323 Views
Last Modified: 2012-08-13
I am creating this Drupal 7 website for a client. The drop down menu is working fine, except, when you hove over Iaido, the drop down menu is really narrow which forces the long titles of the links to wrap to the next line. The other drop downs are even a little too wide.
Why is this happening?!!!
http://216.69.159.40/riveroflifecenter/

The theme I am using is Marinelli
Thanks!
0
Comment
Question by:nanharbison
  • 3
  • 2
5 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 37001001
It looks like there's a class of .four-col being applied to the other columns, but not the Aikido menu. I think this is probably a function of your mega menu plugin
0
 
LVL 17

Author Comment

by:nanharbison
ID: 37001349
Do you think I can fix it?
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 2000 total points
ID: 37001718
I'm not 100% sure because I've never really used Drupal. From an HTML/CSS perspective it's plain as day: Add the class .four-col to the narrow menu item. From a Drupal standpoint, I'm not sure honestly.
You may wish to go back through the plugin settings/documentation to make sure you've implemented each menu item correctly. You may also wish to delete the menu and start from scratch.  
0
 
LVL 17

Author Comment

by:nanharbison
ID: 37002022
I deleted the menu items and I am re-adding the pages to the menu, this seems to be working, thank you LZ, I don't think I would have thought of that!
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37002057
Your welcome. When all else fails, start over.  Of course this depends on the relative size/complexity of the project.

Thanks for the points!
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
There is a massive demand for content on the web right now, and it doesn't look like it's going to stop any time soon. But, if you are running a business blog, it's not just enough to offer your audience lots of content. It needs to be high-quality…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
Suggested Courses

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question