Solved

How can I make my menu dropdown wider so the text fits horizontally?

Posted on 2013-12-06
4
246 Views
Last Modified: 2013-12-07
I have a site here:

www.particletechlabs.com

If you hover over the SERVICES menu option at the top you can see that the dropdown puts items that are too long on two lines.

I cannot figure out in the css where to adjust this to auto or set a width.

Any help is appreciated.
0
Comment
Question by:Donnie Walker
[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
  • 2
4 Comments
 
LVL 9

Accepted Solution

by:
QuinnDex earned 500 total points
ID: 39702753
the width control is in your code not your css, you need to adjust the width in 2 places

change this line

<div class="fusion-submenu-wrapper level2 " style="width:180px;">

Open in new window


to

<div class="fusion-submenu-wrapper level2 " style="width:270px;">

Open in new window


and this line

<ul class="level2" style="width:180px;">

Open in new window


to

<ul class="level2" style="width:270px;">

Open in new window

0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39703128
And you would avoid having to dig through code if you put all the CSS in a stylesheet where it belongs instead of having it willy-nilly all over the place inline.

Cd&
0
 

Author Comment

by:Donnie Walker
ID: 39703166
Coboldinosaur - this is a Joomla 3.2 installation with multiple components and modules by various authors. Each one with it's own stylesheet and php code.

I don't have much say about they program things.
0
 

Author Closing Comment

by:Donnie Walker
ID: 39703542
Thanks! This code was automatically generated by a Joomla module but I found out how to do an override Thanks again!
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
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.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

627 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