Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Troubles with sizing parent menu tab during hover.


  #26  
Old Jan 8, 2011, 08:38 AM
Cheers
 
105 posts · Jun 2010
Well, I've been over every single ATO menu item and can't see where I made that change, if I made that change. Right about now I am doubting my own sanity.

We need an emoticon that adequately expresses the regular forum user as wringing his/her hands, weeping, and pleading for help.
  #27  
Old Jan 8, 2011, 08:58 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
two things are causing the issue in the CSS Inserts
1) the code
HTML Code:
div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 4px 6px;
color: #fff;	
}
is putting a 4px top AND BOTTOM padding and a 6px left and right padding
2) the code
HTML Code:
/* different padding for parents with arrow image in hover mode */ 
div#menu1 ul.rMenu li.rMenu-expand a:hover, div#menu2 ul.rMenu li.rMenu-expand a:hover {
padding: 8px 24px 0px 10px !important;
background-position: 97% 65% !important;
}
is giving a 8px TOP and 24px right. the combination of the two is causing the issue, so
change
HTML Code:
div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 4px 6px;
color: #fff;	
}
to
HTML Code:
div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 4px 6px 0 6px;
color: #fff;	
}
and change
HTML Code:
/* different padding for parents with arrow image in hover mode */ 
div#menu1 ul.rMenu li.rMenu-expand a:hover, div#menu2 ul.rMenu li.rMenu-expand a:hover {
padding: 8px 24px 0px 10px !important;
background-position: 97% 65% !important;
}
to
HTML Code:
/* different padding for parents with arrow image in hover mode */ 
div#menu1 ul.rMenu li.rMenu-expand a:hover, div#menu2 ul.rMenu li.rMenu-expand a:hover {
padding: 4px 22px 0px 10px !important;
background-position: 97% 65% !important;
}
and take a look.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #28  
Old Jan 8, 2011, 09:26 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Are you using the WordPress menu system? If so did you add any code to the Navigation Labels? If you send me a PM with a login I can take a look if you like.
__________________
~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.
  #29  
Old Jan 8, 2011, 09:30 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
That code has been taken out JD.
__________________
~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.
  #30  
Old Jan 8, 2011, 09:40 AM
Cheers
 
105 posts · Jun 2010
Hi guys, I just did the changes JD suggested and still the problem persists. My total CSS insert code is now:

.blogtitle {display:none !important;}

td#header {
padding-bottom: 15px;
}
div.searchbox {
position: absolute;
top: 50px;
right: 25px;
}
div.searchbox input.text {
border: solid .5px #ffe8a3;
padding: 2px 15px 2px 3px;
background: #fff url('<?php bloginfo('template_directory'); ?>/images/search2.gif') no-repeat right center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 15px;
bolder: solid 1px #e7e7e7;
font-size: 11px;
}

a.posts-icon {
position: absolute;
top: 85px;
right: 160px;
font-weight: normal;
color: #70097f;
font-size: 11px;
}
a.comments-icon {
position: absolute;
top: 85px;
right: 20px;
font-weight: normal;
color: #70097f;
font-size: 11px;
}

a.email-icon {
position: absolute;
top: 85px;
right: 10px;
font-weight: normal;
color: #70097f;
font-size: 11px;
}

div#menu1 ul.rMenu {
background: transparent;
border: none;
}

div.widget ul li {
padding: 1px 5px 1px 13px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/purple-box.gif') no-repeat 0 7px;
}
div.widget ul li a:hover {
text-decoration: underline;
}


/* Menu Bars */

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 4px 6px 0 6px;
color: #fff;
}

/* different padding for parents with arrow image in hover mode */
div#menu1 ul.rMenu li.rMenu-expand a:hover, div#menu2 ul.rMenu li.rMenu-expand a:hover {
padding: 4px 22px 0px 10px !important;
background-position: 97% 65% !important;
}

a.comments-icon:link,a.comments-icon:active,a.comments-icon:visited {
background:transparent url(http://www.winekitmaking.com/wp-cont...es/comment.png) no-repeat scroll center left
}

a.posts-icon:link,a.posts-icon:active,a.posts-icon:visited {
background:transparent url(http://www.winekitmaking.com/wp-cont...images/rss.png) no-repeat scroll center left
}

a.email-icon:link,a.email-icon:active,a.email-icon:visited {
background:transparent url(http://www.winekitmaking.com/wp-cont...ages/email.png) no-repeat scroll center left
}


ul#rmenu {
padding:5px;
}

div#menu2 {
background: #666666;
}
div#menu1 {
background: #f9f7e4;
}


/* XX comments to .... */
h3#comments {
margin: 10px 0;
padding: 10px;
font-weight: normal;
background: #f5f5f5;
}

ul.commentlist {
border-top: 0;
margin: 0;
line-height: 1.4;
font-size: 12px;
}
ul.commentlist li.thread-odd, ul.commentlist li.thread-even {
margin: 5px 0;
padding: 10px;
border-bottom: solid 5px #fafafa;
background: #fff;
}
span.authorname, span.authorname a {
font-weight: normal;
font-size: 17px !important;
}
div.commentmetadata a {
color: #999;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

And still it doesn't work.
  #31  
Old Jan 8, 2011, 10:37 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Please do another export of your settings so we can be using the same settings
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #32  
Old Jan 8, 2011, 12:07 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
After looking at your settings I found the main issue was you had nothing in the navigation label for the FAQ tab which was preventing the CSS from working as it didn't see it as a link. I just put # in the field and all started behaving. I then took out the menu styling from CSS Inserts and all is back to normal.
__________________
~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.
  #33  
Old Jan 8, 2011, 05:22 PM
Cheers
 
105 posts · Jun 2010
Thank you Larry. It's perfect. What did you find?
  #34  
Old Jan 8, 2011, 08:01 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
The main thing was the empty navigation label for the FAQ tab. Without that there it was not being affected by the CSS for the menu. I also took out the menu CSS in CSS Inserts.
__________________
~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
hover menu, parent menu, size of menu tabs



Similar Threads
Thread Thread Starter Forum Replies Last Post
Great Menu 1 (Page Menu) Tab that links directly to another site?? tim55057 Page & Category Menu Bars 2 Oct 5, 2010 05:42 PM
Removing tab from header menu glennvogelsang Page & Category Menu Bars 2 Aug 3, 2010 10:55 AM
Please help with new twenty ten theme, menu troubles dvv1 Page & Category Menu Bars 1 Jul 19, 2010 01:54 PM
h1 h2 h3 etc sizing control caseyfern Header configuration & styling 15 Feb 15, 2010 05:45 AM
Re-sizing Images feastfresh Atahualpa 3 Wordpress theme 1 Mar 17, 2009 05:17 PM


All times are GMT -6. The time now is 06:18 PM.


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