Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

[SOLVED] Menu placement different for Chrome/Firefox


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 23, 2012, 12:42 PM
bswb97
 
150 posts · Aug 2010
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?
  #2  
Old Jan 23, 2012, 01:35 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 23, 2012, 05:25 PM
bswb97
 
150 posts · Aug 2010
That worked. Thanks!
  #4  
Old Jan 23, 2012, 06:44 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
Instead of the transparent background you should use a width of 95%. The transparent background doesn't appear to be working.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
menu 1 margin, menu 1 placement

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Menu bar looks ok in chrome but is a complete mess in Firefox and IE khandee Page & Category Menu Bars 6 Sep 12, 2010 06:20 AM
[SOLVED] Chrome and Firefox Plugoo Web Hosting for WordPress 1 Aug 18, 2009 01:04 AM
Headers appear in Firefox, but not in IE & Chrome! GuitarGuy Header configuration & styling 1 Jul 17, 2009 07:20 PM


All times are GMT -6. The time now is 10:53 AM.


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