Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Bizarre Page sub-sub-menu bug-- please help!


  #1  
Old Apr 29, 2010, 01:17 PM
Jeff G
 
39 posts · Mar 2010
Hello everyone,

I can't figure out why the sub-sub-menus under my Page Menu Bar have this ugly extra line coming off the top right corner:

http://001e7b6.netsolhost.com/wordpress/

Problem appears in Page Menu Bar under
Programs-->ArtGate and
Programs-->Community Performance

I've checked it with Firebug, but can't tell what's up. Nothing in Atahualpa seems to apply only to sub-sub-menus rather than simply sub-menus, which look fine.

Thanks so much for any help. We're a small non-profit teaching at-risk kids, so we can't afford to hire someone who knows more. (I volunteer).

--jeff
  #2  
Old Apr 29, 2010, 09:04 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try going to ATO>Page Menu Bar>Width of Sub Menus and make your sub menus wider and see what happens. I'm thinking it has something to do with word wrapping.
__________________
~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 Apr 30, 2010, 04:24 PM
Jeff G
 
39 posts · Mar 2010
Thanks for your response, Larry.

I've already tried changing that to a number of different values, and the problem persists. That field, Page Menu Bar-->Width of Sub Menus is the only variable I can affect.

Any other ideas? It seems to be some kind of glitch.
  #4  
Old Apr 30, 2010, 05:09 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
So when you make the sub menu wider is the little bar that sticks out the same size or smaller?
__________________
~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 Apr 30, 2010, 05:27 PM
Jeff G
 
39 posts · Mar 2010
Good idea! The little thing is the same size, regardless of the width of the sub-menus.

So what does that tell us?
  #6  
Old Apr 30, 2010, 05:38 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I'm not sure what it tells us. I'm just trying to get a feel for what is going on. It's always more difficult when you can't see the backend directly. Have you added any CSS inserts or changed the CSS anywhere?
__________________
~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.
  #7  
Old Apr 30, 2010, 05:52 PM
Jeff G
 
39 posts · Mar 2010
Yes. Here's everything I've done, below.

Thanks again for your efforts to help!

/* ================================================ */
/* below = CSS for artist and staff bios */
/* ================================================ */


.name {
font-size: 20px;
}

/* ================================================ */
/* below = CSS to fix events page */
/* ================================================ */



.event_list {
line-height: 14pt; font-size: 12px;
}

.event p {
}

.event_list ul {
margin: 0px 0px 0px 0px;
}


.event_date {
line-height: 14pt; font-size: 12px;
}

.event_title {
margin-left: 25px;
line-height: 14pt; font-size: 12px;
font-weight: bold;
}

.event_description {
margin-left: 25px;
line-height: 14pt; font-size: 12px;
}

.event_location {
margin-left: 25px;
line-height: 14pt; font-size: 12px;
}



/* ================================================ */
/* above = CSS to fix events page */
/* ================================================ */

#webOuter {
background:url("http://001e7b6.netsolhost.com/wordpress/wp-content/uploads/2010/03/grayBGblackbar.gif") repeat-x scroll center top #71726E;
float:left;
height:100%;
margin:0;
min-height:100%;
padding:0;
width:100%;
}


#webHeader {
background:url("../images/headerBg.gif") repeat-x scroll center top #EDF0D5;
float:left;
height:237px;
margin:0;
padding:0;
width:756px;
}


img.centeredpic
{
display: block;
margin-left: auto;
margin-right: auto;
padding:5px;
}

.center
{
margin:auto;
padding:10px;
text-align:center;
}

div.pics
{
margin:1px;
}


#imgfloat
{
float:left;
padding:0px;
}


ul.rMenu li {
margin-right: 30px;
}

.post img {
-moz-border-radius:3px 3px 3px 3px;
border:1px solid #000000;
padding:0px;
float:center;
}

div#menu1 ul#rmenu2 li a {
font-weight: bold !important;
}


/* ================================================ */
/* CSS to remove lines around menu background */
/* ================================================ */
div#menu1 {
border: none 0px;
padding-left: 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
  #8  
Old Apr 30, 2010, 09:02 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
This is truly bizarre. It looks like you know your way around CSS. Is it a border issue, or padding? I don't know. If you strip all the CSS out temporarily does it go away?
__________________
~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.
  #9  
Old May 2, 2010, 06:19 AM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
it's caused by the
HTML Code:
ul.rMenu li {
margin-right:30px
}
Note: you have a bunch of CSS duplicated in the CSS Inserts, you should consoladate/eliminate some
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old May 6, 2010, 12:48 AM
Jeff G
 
39 posts · Mar 2010
Gaa! I just took a bunch of time to isolate which css bit was the problem before I saw that you'd already told me here. How could you tell that was causing it? (And why didn't I get an email that you'd replied to my post, juggledad?)

Anyway, now we know what's causing the problem. The thing is, without this:

ul.rMenu li {
margin-right: 30px;
}

The page menu at the top is kinda cramped. Is there a way I can get that more spread out look without the accompanying messed up extra line in the sub-sub-menus?

Thank you both so much for your help: This site is boss!

--jeff

PS: I had also just deleted all my duplicate css before I saw your post. Sigh.
  #11  
Old May 6, 2010, 07:01 AM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Here is what you need
HTML Code:
ul.rMenu li {
margin-right:30px
}
ul.rMenu li ul li {
margin-right:0px
}
this sets the margin at the top lever, then resets it for the lower levels.

As for how I figured it out. I viewed your page, then viewed the source, copied it to a text file and saved it as xxxx.html - I then opened this in a browser and ripped out code till I issolated the issue. I just rip some out, save it, do a refresh in the browser.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old May 6, 2010, 07:19 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Hey JD... what about using the following? That doesn't seem to show the weirdness.
HTML Code:
ul.rMenu li {
padding-right:30px !important
}
__________________
~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.
  #13  
Old May 6, 2010, 07:41 AM
juggledad's Avatar
juggledad
 
23,598 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Larry,
that won't work because it will still apply to the sub menu's. When you use a selector like
HTML Code:
ul.rMenu li {
padding-right:30px
}
or
HTML Code:
ul.rMenu li {
padding-right:30px !important
}
it will effect all 'li's that are under the <ul class="rMenu"> so if you have this
HTML Code:
<ul class="rMenu">
  <li>one</li>
  <li>two</li> 
  <li>three</li>
    <ul>
      <li>red</li>
      <li>blue</li> 
    </ul>
  <li>four</li>
</ul>
red and blue will also be effected. by adding the second CSS selector/rule
HTML Code:
ul.rMenu li ul li {
margin-right:0px
}
we can override the styling for these child elements.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #14  
Old May 6, 2010, 11:52 AM
Jeff G
 
39 posts · Mar 2010
Wow. That did it, juggledad. You are the master.

Trial and error with each piece of code was how I isolated the problem, too, but I assumed you had a faster method, since that was a bit tedious! Thank so much for all the work, and the little css lesson about child elements in the ul and li tags.

And thanks to you, too, lmilesw, for getting me started on the right track.

I've got a new problem with uploaded images that aren't visible, but I'll repost so the site can archive it.

--jeff

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Bug in Centering Main Menu dynamicwebs Header configuration & styling 3 Mar 16, 2010 05:31 PM
[SOLVED] BUG FIX 3.4.0-2 Category menu always sorts by ID barbfmc New Versions, & Updating 4 Jul 19, 2009 08:24 AM
Bug? Atahualpa 3.3.3 Theme Options > Category Menu Bar Deahna Page & Category Menu Bars 5 Jun 1, 2009 09:46 PM
Bug: Atahualpa 3.0 Theme Options > Page Menu Bar bseppa Page & Category Menu Bars 5 May 9, 2009 09:59 PM


All times are GMT -6. The time now is 08:47 AM.


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