Joomla Templates Club 406,261 posts

[chaimk Friend chaimkJoin date: December 2010Posts: 33Downloads:10Uploads:1 Thanks: 14]

#181481

I was wondering if it is possible to have my menu displayed in a similar fashion to http://www.thehebrewacademy.org, where there is a top menu that is a drop-down and a bottom menu underneath the slideshow. Does anyone have any ideas/suggestions?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#470404

Hi chaimk,

You could follow this way:

– Create a new module with type of menu
– Assign your desired menu in select menu section
– Assign this module to slideshow (or your desired) position
– And style for this menu.

Regards.

[chaimk Friend chaimkJoin date: December 2010Posts: 33Downloads:10Uploads:1 Thanks: 14]

#470460

Saguaros,

Sorry for not being clear about my exact question, how would I style the page to have a horizontal menu, it will only show as a vertical menu.

Thanks,
Chaim 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#470510

Hi Chaim,

Please post your site url here and set Compress CSS in Template manager to No, I shall check for you.

[chaimk Friend chaimkJoin date: December 2010Posts: 33Downloads:10Uploads:1 Thanks: 14]

#470578

I am testing the template before I deploy it. Please see the attached image.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#470673

Hi Chaim again,

Please check out our css file for the main mega menu: pluginssystemjat3jat3base-themesdefaultcssmenumega.css, you can see that how we style for menu.

You can make change for the second menu by using Google chrome inspect element or Firebug for Firefox. What I usually do is set Compress CSS in Template manager to No, then hover on any element (button, text, <ul>, <li>, ..)you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this element on the right side. then you can go to the file and replace it with new CSS you change.

I hope this helps.

1 user says Thank You to Saguaros for this useful post

1. chaimk

[Author]

Posts