Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] Menu placement different for Chrome/Firefox (http://forum.bytesforall.com/showthread.php?t=16578)

bswb97 Jan 23, 2012 12:42 PM

[SOLVED] Menu placement different for Chrome/Firefox
 
Hi everyone,

For www.labohemeevents.com, the menu's placement is off on Firefox but ok when tested on Chrome and Safari. It SHOULD be in line with the border but it is a tiny bit off.

I'm 99% sure it's related to this entry in my CSS inserts:

HTML Code:

div#menu1 {
        margin-bottom: -12px !important;
}

When I remove that line, the Chrome/Safari placement looks exactly like Firefox. So something in Firefox is not working with that line. I've used margin to fudge placement before and I've never had a problem like this.

I tried the alternative line of:
HTML Code:

        margin: 0 0 -12px 0 !important;
Same issue came up.

Any ideas?

lmilesw Jan 23, 2012 01:35 PM

Kind of hard to tell without actually being on the site or taking the time to figure out what you already have for CSS but you could try the following in CSS Inserts.
HTML Code:

#rmenu2 {
    position: relative;
    top: 12px;
    background: transparent !important;
}

The transparent background is so the right border on your main container shows.

bswb97 Jan 23, 2012 05:25 PM

That worked. Thanks!

lmilesw Jan 23, 2012 06:44 PM

Instead of the transparent background you should use a width of 95%. The transparent background doesn't appear to be working.


All times are GMT -6. The time now is 12:22 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.