Propulsion sub menu messes up

6 posts from 3 voices

• Started 1 year ago by megalex
• Latest reply from Dude
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   megalex
   Member

   Because I want to replace the "view order" button with the "track order" button, I made a submenu in wordpress and activated it throught propulsion sub menu option.

   Several issues occur:
   1) "my account" button becomes unreadable when clicked upon (same problem with shopping cart and checkout next to it)
   2) the menu moves a few pixels to the right and a few pixels lower, making it not well positioned in the black menu bar
   3) "log out" button moves away from the "my account" menu and appears in the black menu bar

   screenshot: http://farm8.staticflickr.com/7113/6998327625_cb31f2335c_z.jpg

   Posted 1 year ago #
2. 

   Kriesi
   Key Master

   Hey! Do you have a live site were I can take a look at the code? Also are you running the latest version of propulsion? We have had some problems with the submenu in earlier version but had an update recently that should fix those issues...

   Posted 1 year ago #
3. 

   megalex
   Member

   Hi!

   Here's the URL [removed]

   Best regards,
   Kriesi

   Posted 1 year ago #
4. 

   Kriesi
   Key Master

   okay the vanishing of the item should be fixed easily with this line of css:

   #wrap_all .sub_menu .current_page_item > a{color:#fff;}
   

   About the movement of the logout button: would you mind sending me your login credentials via this contact form so I can take a look myself: http://www.kriesi.at/contact

   Posted 1 year ago #
5. 

   megalex
   Member

   This is for users who have the same issue. Here's a step-by-step guide on how to solve it:

   1) In WordPress dashboard:

   1.1) Go to Appearance -> Menu

   Create a submenu called "Submenu" (it will replace the default "My Account" menu):

   My Account
   Change Password
   Change Address
   Track Order
   Cart
   Checkout

   1.2) Go to Propulsion -> Styling -> Quick CSS

   Add to the Quick CSS field:

   .boxed .sub_menu div> ul {
   left: -10px;
   }

   .sub_menu div> ul {
   position: relative;
   top: 14px;
   left: -10px;
   margin:0;
   }

   2) In the Propulsion folder you've downloaded:

   Open "custom.css" and add (to fix some minor styling issues):

   #wrap_all .sub_menu .menu > .current_page_item > a {
   color: #FFF !important;
   }

   .shop_table strong {
   color: #888;
   }

   .cart_totals strong {
   color: #888;
   }

   Posted 1 year ago #
6. 

   Dude
   Dude

   Hi!

   Thanks for sharing your solution :)

   Regards,
   Peter

   Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.