Did you clear your browser cache?

Hi Justin,

Sorry about the lateness of trying this. I pasted in the new css in my Edit Themes window and nothing appears to have changed. I still get the same menu titles from before flowing to 2 awkward-looking lines.

Hey John,

Setting the Width to 100% should allow it to scale properly. Please save a current version of your Style.CSS before trying this, but give this a shot. Find this in your CSS, and add width: 100%; as I've done below:

#dropmenu li ul {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
left: 0;
list-style: none outside none;
padding: 5px 0;
position: absolute;
top: 20px;
width: 100%;
z-index: 300;
}

On the contrary, I know nothing about customizing CSS. The only thing I've done so far is reduce the padding to zero as per your instructions. To my knowledge, Chrome on the PC (but not the mac) is the only browser that displays "Headshots and Portraits" on one line under the Galleries tab. I get reflow on all mac browsers and some PC.

Is there no way to allow the "boxes" containing the drop down menus to expand by a healthy amount, regardless of browser?

Hey John,

Site appears to be back. Looks great in Chrome and Firefox for me. It looks like you were able to do some browser specific CSS for this fix. Please feel free to post what you did so that other users can benefit from it!

Thanks,
Justin

Hmm, my site is loading fine as of this writing. If it gets to cross-browser mods... I'll just shorten the menu items under my galleries tab, but for the record Chrome on my Windows machine is the only browser displaying things as I want them to be. IE8 has reflow as well as the Mac version of Chrome and Safari.

Thanks!

Hey John, your site appears to be down - are you seeing this as well? I'll take a look once it's fixed. Cross-browser CSS fixes can be tricky. My suggestion is only a start, but you may require someone with more extensive CSS knowledge to fix it on each browser. That would go outside the scope of these forums... With that said, I can still try and help out once the site comes back.

Thanks!
Justin

Hi and thanks for replying.

Well, it helped a little, but IE 8 still shows line flow. It did fix the problem in Chrome. Safari is not too forgiving, either. It fixed one line in IE 8, but the other not so much. I reduced padding from 15 to 8 to 0, but things were only partially fixed.

My temporary fix for the menu item is to reduce anything that reflows to a shorter word, but if you have any further input I'd appreciate it.

Thanks again.

In the CSS you can do this...

Change the second option next to Padding to 8.

#dropmenu li ul li a {
line-height: 30px;
padding: 0 8px;
}

This should help significantly. Try that out then let me know where it's at and I'll help out...

Thanks,
Justin

Hi,

I'm looking to extend the width of the drop down menu items as my menus are flowing to two lines and looking kind of wonky as a result. For example, clicking on "sessions" or "galleries" at http://www.johnburridgephoto the page titles have overly-high line spacing making it look like I have have 4 menu items instead of 2. Can't seem to locate options in my meagre knowledge of CSS.

Thanks!