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 »

Troubleshooting problem with submenus


  #1  
Old Apr 13, 2015, 07:13 PM
bda
 
30 posts · Feb 2011
First thank you folks for providing the best source of troubleshooting information. I've fixed pretty much every problem I had with the site I'm working on - except this one pertaining to the menus.

I have the color of the current top-level page set to maroon with white text.
I have the color of the parent of the current submenu page set to the same thing.
I have the submenus set to white with maroon text.

All the styling was done in the custom CSS plugin.

It all works except for one menu item "The Art Gallery". Visit http://www.stjathenaeum.org/WordPress and open any menu with the triangle. They all work except for the Art Gallery.

I've checked that the parent page is set correctly. I took those pages out of the menu and put them back into the menu. I even recreated the page for The Domes of the Yosemite.

Any assistance will be gratefully accepted. Please note that some of the content on the pages looks funky as the site is still in development.
  #2  
Old Apr 14, 2015, 03:25 AM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) you are using '!important' in several places and that overrides other css
2) why not put the CSS in teh themes 'CSS Inserts' option? If you had I could just ask you to export the theme settings and I could try to recreate it and as a bonus, you could get rid of a plugin
3) I see no difference in any of the menu's but I think I know what you are attempting. For instance
if you select the submenu 'Renew/Reserve/ILL', you would like it and it's parent 'The Library' to have a maroon background with white text and have 'The Archives' and 'Library Resourses' to have a white background and maroon text.

Is that correct?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 14, 2015, 04:40 AM
bda
 
30 posts · Feb 2011
Your description of what I'm trying to do is correct.

I've moved all my CSS to the theme's CSS Inserts. Makes sense.

I have the settings file, but when I try to upload it, I get an error message that my quota has been exceeded. When I click "click here to view your attachments" link I see no way to delete some of the previous attachments. What am I missing?
  #4  
Old Apr 14, 2015, 04:53 AM
bda
 
30 posts · Feb 2011
I figured out how to delete the post to the forum with the big attachment.

Export settings file should now be attached.
Attached Files
File Type: txt ata-wwwstjathenaeumorg-20150414.txt (16.2 KB, 385 views)
  #5  
Old Apr 14, 2015, 01:48 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try the following - replace your menu code in the CSS Inserts with the following
HTML Code:
div#menu1 ul.rMenu li a:link, 
div#menu1 ul.rMenu li a:hover, 
div#menu1 ul.rMenu li a:visited, 
div#menu1 ul.rMenu li a:active {
    background: #FFFFFF;
    color: #774041;
}

div#menu1 ul.rMenu li.current-menu-ancestor a:link, 
div#menu1 ul.rMenu li.current-menu-ancestor a:active, 
div#menu1 ul.rMenu li.current-menu-ancestor a:hover, 
div#menu1 ul.rMenu li.current-menu-ancestor a:visited, 
div#menu1 ul.rMenu li.current-menu-ancestor {
    background: #774041;
    color: #FFFFFF;
}

div#menu1 ul.rMenu li ul.sub-menu li a:link, 
div#menu1 ul.rMenu li ul.sub-menu li a:active, 
div#menu1 ul.rMenu li ul.sub-menu li a:hover, 
div#menu1 ul.rMenu li ul.sub-menu li a:visited, 
div#menu1 ul.rMenu li ul.sub-menu li {
    background: #FFFFFF;
    color: #774041;
}

div#menu1 ul.rMenu li ul.sub-menu li.current_page_item a:link, 
div#menu1 ul.rMenu li ul.sub-menu li.current_page_item a:active, 
div#menu1 ul.rMenu li ul.sub-menu li.current_page_item a:hover, 
div#menu1 ul.rMenu li ul.sub-menu li.current_page_item a:visited, 
div#menu1 ul.rMenu li ul.sub-menu li.current_page_item {
    background: #774041;
    color: #FFFFFF;
}
because CSS cascades, you have to turn things on and off in the right order
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Apr 14, 2015, 03:01 PM
bda
 
30 posts · Feb 2011
I added the code to CSS Inserts and now nothing changes - every menu is white background with maroon text - main menu, submenu, parent page when on a submenu page, etc. Also I had maroon inverted triangles to indicate that there was a submenu and now they are gone. I did this by replacing the image default image file as per a post on the forum.

What next?
  #7  
Old Apr 14, 2015, 03:28 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
when I look at your site, it is working fine for me, try clearing your browser cache

what version of Atahualpa?
Attached Thumbnails
Click image for larger version

Name:	Screen Shot 2015-04-14 at 5.27.58 PM.jpg
Views:	201
Size:	68.9 KB
ID:	2686  
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Apr 14, 2015, 06:29 PM
bda
 
30 posts · Feb 2011
I have cleared my cache.
I'm using ATA 3.7.12 - I see that there is an update available.

I see the same thing as in the screen shot when I'm on a submenu page. What doesn't happen is that if I go to Events (a top level page) it doesn't change to maroon background w/ white letters.

Also, I can't figure out what happened to the arrows that I had to indicate a submenu. I changed expand-down.gif in the Images folder. Earlier today, before this last round of CSS they were there. Any idea how to get the custom submenu indicator back? When I look in the images folder, the date on the expand-down.gif file is Sunday, the day I created it.
  #9  
Old Apr 14, 2015, 07:50 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
3.7.12!! I'm using 3.7.23...time for you to upgrade. You will probably get some undefined index errors so use this export.
Attached Files
File Type: txt ata-1921684899-20150415.txt (16.7 KB, 255 views)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Apr 14, 2015 at 07:52 PM.
  #10  
Old Apr 14, 2015, 08:36 PM
bda
 
30 posts · Feb 2011
I've upgraded. Didn't see your attachment as I just read the email notification - will pay better attention next time. Header and menu disappeared, but I got them back.

I use Soliloquy Slider for slideshows and that doesn't work after the upgrade.

Just want to make sure that I understand your previous reply - I should import the settings file that was attached?

Still no submenu indicator arrows.
  #11  
Old Apr 15, 2015, 03:26 AM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
add the following to the end of the CSS Inserts
HTML Code:
div#menu1 ul.rMenu-hor li.rMenu-expand a {
    background-image: url("http://www.stjathenaeum.org/WordPress/wp-content/themes/atahualpa/images/expand-down.gif");
    background-position: 100% 50%;
    padding-left: 5px;
    padding-right: 15px !important;
}
though, I would put your image in the wp-content/ata-images folder and change the url so it will not get lost on the next update.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Apr 15, 2015, 04:47 AM
bda
 
30 posts · Feb 2011
I imported the settings but had to Save CSS Inserts again.

I moved the expand-down.gif to ata-images.

I had to add background-repeat:no-repeat!important; to the CSS you sent to get one arrow. Initially, the entire menu item had rows of arrows across it.

My Soliloquy slider is now almost working. I've sent a support email to them - my problem apparently has to do with jQuery instances (not sure of the term as I'm completely in the dark about jQuery). The slider has a panel at the bottom with the caption of the photo and that's not showing.

I'm almost there, and have learned a lot. I'll always export my settings before updating the theme. I'll put images in ata-images - good lessons to learn.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Adsense sidebar widget troubleshooting Rincevent Montezuma Theme 9 Jun 4, 2013 12:33 PM
Troubleshooting with 2 issues. Sidebar background color and center column text height ontrackdesignz Page & Category Menu Bars 1 Oct 4, 2010 08:37 AM
Submenus not appearing in IE6 middlemountain Page & Category Menu Bars 2 Sep 9, 2009 09:17 AM
formatting submenus interage Header configuration & styling 0 Apr 24, 2009 09:53 AM


All times are GMT -6. The time now is 01:34 PM.


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