My Account drop down menu hidden

10 posts from 4 voices

• Started 8 months ago by cutecreations
• Latest reply from Devin
• This topic is resolved

Tags:

No tags yet.

1. 

   cutecreations
   Member

   The drop down menu underneath 'My Account' in the top bar is hidden behind the header/body.

   If I hover over it, I can just about click on the 'Change password' link, but I'm guessing there are some more links in the menu including Logout.

   Please can someone help.

   http://www.cutecreations.co.uk/wp/

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   Hi,

   Can you give us a test admin login details so that we can check? Maybe it has something to do with z-index? Please inspect the element and add z-index: 10000 on custom.css

   Regards,
   Ismael

   Posted 8 months ago #
3. 

   cutecreations
   Member

   Hi Ismael

   I'm not sure which element I need to add the z-index to as it disappears while inspecting in. Who shall I email my login details to?

   Kind regards

   Kate

   Posted 8 months ago #
4. 

   Nick
   Moderator

   Hi,

   Seems like there are two overlapping containers holding the menu which refuses to show itself past the wrapper.

   .sub_menu {
   position: relative;
   z-index: 130;
   font-size: 11px;
   float: left;
   line-height: 41px;
   height: 40px;
   }

   If you change height to 150px, you will see the menu alright, but the purple bar will grow. z-index isn't helping me at least, the layer with the sub-menu refuses to leave the header. The css is real strange, I think media query removal may have had other side effects. I am still looking at it, just wanted to give you a heads up.

   [EDIT] - This is the easiest way I think to make the menu show up, I am just not sure about the side-effects or how it was before removal of responsive code, but the wrapper needs to be taken off unless someone has a better idea. Take a look at the video showing what i mean.

   google video

   Thanks,

   Nick

   Posted 8 months ago #
5. 

   cutecreations
   Member

   Hey Nick

   That seemed to work great in the video. Thank you for showing me that. Upon doing a search in my propulsion files, I can see that it appears in the function.php file but I'm not sure what lines I need to delete (don't want to end up deleting something I shouldn't have). Please could you advise?

   Many thanks

   Kate

   Posted 8 months ago #
6. 

   Ismael
   Moderator

   Hi Kate,

   Yes, it is in functions.php (in line 288), you will find this code:
   $output .= "<div class='container_wrap info_text_header' id='shop_header'><div class='container'>";
   just remove container_wrap as what Nick have done in the video. :)

   Regards,
   Ismael

   Posted 8 months ago #
7. 

   cutecreations
   Member

   Hey Ismael

   I deleted the container_wrap from that section of code and it didn't work. However I found the below code and did the same and it worked:

   $output .= "<div class='container_wrap info_text_header' id='shop_header'><div class='container'>";
   if($cart || $menu)
   {

   Please can you confirm that this is okay and that I don't need to put 'container_wrap' back in the previous code.

   Kind regards

   Kate

   Posted 8 months ago #
8. 

   Ismael
   Moderator

   Hi Kate,

   Yes, kindly remove that container_wrap. I apologize to have pointed the wrong line of code, I have edited the code above, so it will not mislead someone who has the same problem and follows this thread.

   Regards,
   Ismael

   Posted 8 months ago #
9. 

   cutecreations
   Member

   Hey Ismael

   Will I need to add the other container_wrap back in which I removed the first time? (I have removed the container_wrap twice from lines 257 and 288).

   Kind regards

   Kate

   Posted 8 months ago #
10. 

    Devin
    Moderator

    Hi Kate,

    Yes I believe so.

    Regards,

    Devin

    Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.