Menu, header , slider

(15 posts) (2 voices)

1. 

   samnasr
   Member

   First of all i want to thank the support you guys offer. that led me to purchase 3 themes already and more to come! Now to business

   please see this post

   http://mysitemyway.com/support/topic/style-menu#post-30492

   i loved this post so i decided to implement it since i was already wanting to move my regular menu under the logo anyway.

   the problems i am facing are :

   1- i cant seem to make my header height more than 110 px. my target height for my header is actually 170px. [ SEE THE FIRST PICTURE (menu issue) & THEN SEE PICTURE ( menu issue 1)]
   The increase in the header height is actually taking place in the slider and it cause my slider to distort as well .
   the formula im using to increase the height in the general settings custom css is pretty basic :
   #header { height: 170px !important; }

   2- even though i hover the menu items the color of the menu is not darkening or changing to indicate that the menu is being hovered. not sure why the effect is not taking place. below are the codes used per the post thread

   .jqueryslidemenu ul {
   float: none;}

   #primary_menu {
   background: url(http://amjcm.com/wp-content/uploads/2012/01/Untitled-3.png) repeat-x top left;
   left: 0;
   right: auto;
   top: 70px;
   width: 100%;}

   #menu-menu > li:hover {
   background: url(http://amjcm.com/wp-content/uploads/2012/01/RED-BACKGROUND-GRADIENT-5.png) repeat-x top left;}

   ALL MY PLUGINS ARE DEACTIVATED. Below are also all the css codes i have so far

   #slider_module { background: none !important; }

   logo {top: 0;}
   #header .logo {margin-top:-30px !important;}
   #header { height: 170px !important; }

   #slider_module { background: url(http://amjcm.com/wp-content/uploads/2012/01/RED-BACKGROUND-GRADIENT-5.png)! important; }

   .jqueryslidemenu ul {
   float: none;}
   #primary_menu {
   background: url(http://amjcm.com/wp-content/uploads/2012/01/Untitled-3.png) repeat-x top left;
   left: 0;
   right: auto;
   top: 70px;
   width: 100%;}

   #menu-menu > li:hover {
   background: url(http://amjcm.com/wp-content/uploads/2012/01/RED-BACKGROUND-GRADIENT-5.png) repeat-x top left;}

   i have one more question , i saw months back somebody asking as how to separate menu with | . For example HOME | ABOUT | CONTACT US
   i looked for this post numerous times and i cant find it

   

   Attachments

   1. MENU_ISSUE_1.jpg (92.7 KB, 0 downloads) 4 months old
   2. MENU_ISSUE.jpg (70.2 KB, 0 downloads) 4 months old

   Posted 4 months ago #
2. 

   samnasr
   Member

   the link to the site is http://www.amjcm.com

   Posted 4 months ago #
3. 

   Webtreats
   Support

   Hi samnasr,

   Below are the answers to your questions.

   1) It looks like you have your header background set to "repeat-x." Change it to "repeat" in the skin editor.

   2) Try adding the following code to the bottom of your skin in "Advanced" edit mode:

   .jqueryslidemenu ul li a:hover,.jqueryslidemenu ul li:hover a{background:url(_rgba/black30.png);}
   .jqueryslidemenu ul li:hover li a{background:none;}

   3) Is this the post you were looking for? http://mysitemyway.com/support/topic/custom-menu

   Posted 4 months ago #
4. 

   samnasr
   Member

   webtreats thank you very much you are the man .

   yes the post u provided is what i was looking for. i think i got confused though and it didnt work for me. i simply added the "|" sign in the wordpress menu navigation label before about and contact us, it looks a little tacky . is there a way to do a better job ?

   also the shadow when i hover over the menu is actually wider and longer than the menu. please check for urself when u hover . is there way to fix it ?

   Posted 4 months ago #
5. 

   Webtreats
   Support

   Hi samnasr,

   Try adding this as well to the bottom of your skin in "Advanced" edit mode:

   .jqueryslidemenu a{height:42px;line-height:42px;}
   .jqueryslidemenu{padding-left:10px}
   .jqueryslidemenu>ul>li{box-shadow:1px 0 0 rgba(255,255,255,0.5);margin-left:1px;}

   Posted 4 months ago #
6. 

   samnasr
   Member

   thats perfect ! thank u

   Posted 4 months ago #
7. 

   samnasr
   Member

   i have one little problem . when i add the extra header text . CHECK THE PICTURE ATTACHED THE Menu position gets affected

   http://www.amjcm.com

   

   Attachments

   1. EXTRA_HEADER.jpg (31.7 KB, 0 downloads) 4 months old

   Posted 4 months ago #
8. 

   Webtreats
   Support

   Hi samnasr,

   I see that you added #primary_menu{top:110px;} to your custom css.

   You will also need to add the following If you plan on using the "extra header text" option:

   #header_extras+#primary_menu {top: 110px;}

   Posted 4 months ago #
9. 

   samnasr
   Member

   you are totally right i cant believe i missed that! thank you so much webtreat.

   is it possible to have the search bar on my menu like the awake theme where it is the magnifier when it gets clicked the full search bar appears?

   Posted 4 months ago #
10. 

    samnasr
    Member

    let me know if this is possible ?

    is it possible to have the search bar on my menu like the awake theme where it is the magnifier when it gets clicked the full search bar fully appears?

    Posted 4 months ago #
11. 

    samnasr
    Member

    let me know if this is possible . Thank you :)

    Posted 4 months ago #
12. 

    samnasr
    Member

    please let me know when am i to expect a reply on this or not

    Posted 4 months ago #
13. 

    Webtreats
    Support

    Hi samnasr,

    Unlike your other searchbar question, this is actually a much more involved customization that would require cut and pasting various parts of inFocus and Awake.

    Posted 4 months ago #
14. 

    samnasr
    Member

    so it is more custom work u mean. cause im willing to do the work if u r give me the instructions. either way it is ok

    Posted 4 months ago #
15. 

    Webtreats
    Support

    Hi samnasr,

    Yes, in this particular case it would have to be considered custom work.

    Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.