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 »

Custom Page menu - width problem


 
Prev Previous Post   Next Post Next
  #1  
Old Aug 10, 2012, 09:10 AM
cabdziner
 
22 posts · Feb 2011
Custom Page menu - width problem

I think I am having a problem with the menu width on a client's (test) site. She is viewing it with her iPad and says that the last menu tab is wrapping to a second row. I don't have access to an ipad so I cannot see it myself.

The menus look/work fine on my monitors and also on various platforms at QuirkTools - http://quirktools.com/screenfly

The page menu needs to have a specific height, color, 2px separators, and span evenly from border to border... which it appears to be doing correctly as it is now.

My menu spacing is currently coded (ATO>>CSS inserts) as:
Code:
div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 15px 2.97em;
}
div#menu1 ul.rMenu li.rMenu-expand a, div#menu2 ul.rMenu li.rMenu-expand a {
padding: 15px 2.97em !important;
}
I have tried many variables and this fits best... on my screens.

I cannot replicate the problem she is having and was hoping for some insight from one of the many experts here.

The test site url - http://sheryl.wordpressproservices.com
Using:
Wordpress 3.4.1
Atahualpa 3.5.3 (all theme fixes have been applied)
Wordpress menus
CSS menu codes currently in use:
Code:
/* MENU BARS */


div#menu1 ul.rMenu-hor li.rMenu-expand a {
	background-image: none;
	}

ul.rMenu-ver {	
background: #699864 !important;
border-left:solid 8px #E9E0BD;
border-bottom:solid 8px #E9E0BD;
border-top:solid 4px #E9E0BD;
border-right:solid 8px #E9E0BD;
text-align:left !important;

}

ul.rMenu-ver a:link, ul.rMenu-ver a:visited, ul.rMenu-ver a:active {
	color: #fff !important;		
}

ul.rMenu-ver a:hover {
	color: #333 !important;	
}

div#menu1 ul.rMenu li.rMenu-expand li a, div#menu2 ul.rMenu li.rMenu-expand li a {
padding: 10px 5px !important;
}

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

/* 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: 0px; }
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: 15px 2.97em;
}
div#menu1 ul.rMenu li.rMenu-expand a, div#menu2 ul.rMenu li.rMenu-expand a {
padding: 15px 2.97em !important;
}

/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 2px;
}

/* Reset margin for 2nd+ level items */
div#menu1 ul.rMenu li li {
margin-right: 0;
}

div#menu1 {
border: none !important;
}
Thanks in advance for taking the time to help.
 

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to select page width for a custom page template? raymasa Header configuration & styling 2 Mar 19, 2012 08:23 AM
[SOLVED] Custom Top level menu size + span the menu accross the width of the page muthukumarp Page & Category Menu Bars 11 Dec 9, 2011 12:42 PM
Problem: Width of sub-menu items is not 100% logocar3 Page & Category Menu Bars 6 Dec 5, 2011 05:44 AM
Sub menu width problem with WP3 garnpet Page & Category Menu Bars 5 Jun 18, 2010 10:58 AM


All times are GMT -6. The time now is 11:13 AM.


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