Adjust width of main nav menu & submenu items

(8 posts) (6 voices)

1. 

   signaturedd
   Member

   Hi Webtreats -

   Template ROCKS . Can you tell me how to adjust the width of the main navigation sub menu to be longer? Currently, I’ve got a sub-nav item called “community involvement” and it wraps to two lines – which doesn’t look as good as if it were longer. I can’t seem to figure this out and also change the width hover effect on the rollover. Thanks!!!

   Posted 1 year ago #
2. 

   Webtreats
   Support

   Hi signaturedd,
   You would need to change the widths in the following places:

   style.css (line 841)
   .jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}
   style.css (line 857)
   .jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{margin:0 1px;padding:6px 12px;width:155px;}
   

   You will also need to adjust the following images located in folder
   "psd/SOURCE/your_color_scheme"
   drop_sub.psd
   drop.psd
   dropR.psd

   Posted 1 year ago #
3. 

   Bahij
   Member

   And i have a question concerning the colors on rollover on sub menu or drop menu, how and where do we change the color code that appears when we put our mouse pointer on any submenu text.

   regards

   Posted 1 year ago #
4. 

   Dorian
   Support

   Hi Bahij,

   If you're looking for the text color, please locate:
   [Theme_Path]\styles\[your_style].css (For example: C:\infocus_html\styles\deep_blue.css)

   On line 36,

   .jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#aaa;}

   Replace #aaa with your color code.

   If you want to change the background though, please refer to lines 37-39 located in the same file.

   You will also need to adjust the following images located in folder
   "psd/SOURCE/your_color_scheme"
   drop_sub.psd
   drop.psd
   dropR.psd

   Posted 1 year ago #
5. 

   flashden422
   Member

   Hello. I have a similar question regarding this subject. I would like to change the width of the menu and am using the Steel Blue skin. However, I do not see a Steel Blue PSD folder. Where do I find the Steel Blue drop.psd? Thank you.

   Posted 10 months ago #
6. 

   Elliott
   Support

   Hello flashden422,

   You should be able to find the PSD's in your themeforest download. Which version of inFocus are you using?

   Posted 10 months ago #
7. 

   flashden422
   Member

   Elliot,

   Thank you for answering my question here, where I posted it as a new thread:

   http://mysitemyway.com/support/topic/menu-dropdown-psd-files

   Kind Regards.

   PS - But to answer your question I am using the latest download that was recently made available in July 2011. There are only 10 folders within the PSD Source Folder. See attached screen capture. Thanks.

   

   Attachments

   1. PSD-Source-File-Folders.jpg (17.9 KB, 0 downloads) 10 months old

   Posted 10 months ago #
8. 

   Elliott
   Support

   The menus are pure CSS so you shouldn't be able to find any images there. If you need to change something else let us know and we'll take a closer look.

   With our latest update we have switch a lot of stuff to use CSS3 features so there are a lot less images used than in previous versions.

   Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.