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] Troubles with sizing parent menu tab during hover.


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 Dec 31, 2010, 08:40 AM
Cheers
 
105 posts · Jun 2010
[SOLVED] Troubles with sizing parent menu tab during hover.

Greetings all. I have been modifying the menu items on my website and have done fairly well considering my limited knowledge of coding, but I have a problem I haven't been able to figure out. My website is https://winekitmaking.com and my problem is with the FAQ menu tab. All is well until I put my cursor over the FAQ menu tab and then the FAQ tab along with the child submenus jumps up about 4 pixels. Once the cursor actually goes over the child menu items the FAQ tab goes to the correct size. So It's only when the cursor is over the FAQ tab that the problem is apparent. Where would I change that and what coding would I use? Help greatly appreciated.

Last edited by Cheers; Dec 31, 2010 at 08:43 AM.
  #2  
Old Dec 31, 2010, 11:22 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
Check the hover properties for the menus. It looks like there are some padding issues.
__________________
~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 Dec 31, 2010, 11:28 AM
Cheers
 
105 posts · Jun 2010
Where would I check those hover properties? I even tried adding code like:

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

to the "Add Html/Css inserts of atahualpa with no success.

Last edited by Cheers; Dec 31, 2010 at 11:34 AM.
  #4  
Old Dec 31, 2010, 11:55 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
I would look in CSS Inserts and see if you have any conflicting code. What code have you added?
__________________
~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.
  #5  
Old Dec 31, 2010, 12:53 PM
Cheers
 
105 posts · Jun 2010
Quote:
Originally Posted by lmilesw
I would look in CSS Inserts and see if you have any conflicting code. What code have you added?
Well, I've been working on this for a long time and have made many changes. Couldn't tell you what changes have been made off hand, but here is the code as it exists today. You, I'm sure, would know better than I what changes have been made. Problem is that I don't find any hover code except what I have added and that does nothing. All I can do with that is change the color of the text in the hover state.

.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 */


/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 2px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

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

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

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

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

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

a.email-icon:link,a.email-icon:active,a.email-icon:visited {
background:transparent url(https://www.winekitmaking.com/wp-con...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;
}

Last edited by Cheers; Dec 31, 2010 at 01:14 PM.
  #6  
Old Dec 31, 2010, 02:05 PM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
I would start playing around with your arrow image padding code. I see an xp that should be px but that doesn't appear to be an issue.
__________________
~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

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


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 07:09 PM.


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