Solved

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

Posted on 2013-12-06
4
244 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

Suggested Solutions

Title # Comments Views Activity
GET error with Font Awesome 3 50
Text color in a select 11 32
Can anyone help me find this preloader? 51 67
CSS overflow problem 21 41
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

734 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