Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 258
  • Last Modified:

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

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
Donnie Walker
Asked:
Donnie Walker
  • 2
1 Solution
 
QuinnDexCommented:
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
 
COBOLdinosaurCommented:
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
 
Donnie WalkerAuthor Commented:
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
 
Donnie WalkerAuthor Commented:
Thanks! This code was automatically generated by a Joomla module but I found out how to do an override Thanks again!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now