Joomla Templates Club 406,261 posts

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062532

I am using the demo style homepage and want to add Megamenu to it – how do I do this?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062566

Hi
By default feature into the page does not have the Megamenu.
If you have two different template style you can assign default layout to all other pages and it has the main nav block.

To add the main nav in the feature intro layout open template folder /tpls/feature-intro.php
Add this code

  <?php $this->loadBlock('mainnav') ?>

Here: http://prntscr.com/gmflu0

Regards

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062570

Hi Pankaj,

I had already tried this and got a bad result – visit https://www.yourbusinesscommunity.co.uk/

The Menu isn’t clear from the top row and options cannot be selected!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062577

Hi
Kindly add the code as suggested here https://prnt.sc/gmflu0
You added it below main body section.

Regards

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062602

Hiya,

made change and still the same!

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062606

FYI, to fit the logo, I created a templates/ja_social_ii/css/custom.css file and added:

.logo-image img {

max-height: 300px; width: 300px; height: 70px

}

Changing this does not appear to affect things.

• This reply was modified 7 years, 3 months ago by  bins.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062609

Hi
Add below code in custom.css file to fix main nav issue

@media (min-width: 992px)
{
.scrollUp .t3-mainnav {
    margin-top: 96px;
}}

Regards

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062612

Quick responses really appreciated.

custom.css now reads:

.logo-image img {

max-height: 300px;
width: 300px;
height: 70px

}

@media (min-width: 992px)
{
.scrollUp .t3-mainnav {
margin-top: 96px;
}}

but no change.

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062617

Strange, it now appears to show correct in Chrome but not IE or FF!

Menu dropdowns do not work, though.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062618

Hi
Did you check your site after apply changes?
The code is working on your site: http://prntscr.com/gmhbvj

Regards

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062637

This is what it looks like on 3 different browsers, all in private browsing/incognito

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1062641

Hi
Your header is sticky so it covers the navigation
Open custom.css add this code to remove sticky

body.features-page .t3-header {
    position: initial!important;}

Kindly clear browser cache and check.

Regards

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062642

Now the logo row and menu scrolls off page and the menu dropdowns still don’t work!

• This reply was modified 7 years, 3 months ago by  bins.

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062645

Looks like the dropdowns are not working on the homepages only.

[bins Friend binsJoin date: March 2011Posts: 47Downloads:23Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#1062647

How can I make the header & menu sticky?

• This reply was modified 7 years, 3 months ago by  bins.

[Author]

Posts