.sub-menu issues

7 posts from 4 voices

• Started 10 months ago by mrpnkt
• Latest reply from Ismael
• This topic is not a support question

Tags:

• CSS
• menu
• submenu

1. 

   mrpnkt
   Member

   hi.

   1. i would like to lower the position of the submenu (by 1 pixel) see screenshot:

   2. would it be possible to have a arrow like the one pointing towards the main menu, but to the left sub-menu?

   Posted 10 months ago #
2. 

   Ismael
   Moderator

   Hi mrpnkt,

   Can you post a link to your site?

   Regards,
   Ismael

   Posted 10 months ago #
3. 

   mrpnkt
   Member

   yes: http://richterfurniertechnik.leskovar.eu

   Posted 10 months ago #
4. 

   Ismael
   Moderator

   Hi mrpnkt,

   I can only answer your question #1, Kindly add this code to your Quick CSS or custom.css:
   

   #menu-menu li ul.sub-menu ul.sub-menu {
      margin-top: 1px;
   }

   or this code if the above code doesn't work:
   

   #menu-menu li ul.sub-menu ul.sub-menu {
      margin-top: 1px !important;
   }

   Hope this helps. :)

   Regards,
   Ismael

   Posted 10 months ago #
5. 

   radugidei
   Member

   mrpnkt, nice progress on your site :)

   can i ask how you got the search button in the meta header ?
   also, how you got the smooth scrolling & "back to top" arrow box ?

   Cheers

   Posted 10 months ago #
6. 

   elames
   Member

   Looking at his code: the back to top arrow is a script plugin
   *
   |--------------------------------------------------------------------------
   | UItoTop jQuery Plugin 1.2 by Matt Varone
   | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/

   For the top search:
   I looked at style sheet and it said this: Doesn't mean anything to me but I don't know anything about programming. Maybe you do??

   /* Suchformular */

   .container .suche { position: absolute; right: 25px; top: 2px; margin-top: 0px;}
   .container form #searchform { height: 22px !important; font-size: 10px/12px; }
   .container .suche #searchform input#s { height: 22px !important; width: 180px; border: #eee solid 1px; padding: 2px 2px 2px 12px; margin-right: 10px; margin-top: -1px;}
   .container .suche #searchsubmit.button { margin-right: 4px; margin-top: 2px; width: 18px; height: 20px; background: transparent }
   #outer-hover { position: absolute; top: 15px; right: 112px; width: 300px; height: 30px; background: transparent; }
   #outer-hover:hover { background: #fff; }
   #suchen { position: absolute; right: 0; top: 0; text-indent: -9999px; width: 35px; height: 30px; display: block; background: url('../images/icons/icon-gplus.png') no-repeat -6px -4px; cursor: pointer; }

   .magicsuchformular { position: relative; left: 100px; top: 30px; text-indent: -9999px; width: 30px; height: 30px; display: block; background: transparent; }

   @media screen and (-webkit-min-device-pixel-ratio:0) {
   .container .suche #searchform { position: absolute; right: -6px; width: 220px;}
   .magicsuchformular { position: relative; left: 30px; top: 30px; text-indent: -9999px; width: 30px; height: 30px; display: block; background: transparent; }
   }

   Posted 10 months ago #
7. 

   Ismael
   Moderator

   Hi mrpnkt,

   Kindly post if this problem has been resolved. Thank you. :)

   Regards,
   Ismael

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.