Joomla Templates Club 406,261 posts

[redmatter Friend redmatterJoin date: July 2013Posts: 25Downloads:0Uploads:26 Thanks: 2]

#505892

Hi Leo Burnetts,

Thanks for ur support
I want to display custom scroll bar for menu for that i am adding some script code in header.php file
/var/joomla/templates/ja_fubix/tpls/blocks/header.php now my menu should look like
now my question is if i want to add custom scroll bar to 3rd pane menu in the above image which file should i can modifed and is ja_fubix support jScrollPane

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#505899

Hi redmatter,

Generally, our T3 developer will work with the mega.js to edit or update any features on our Mega Menu, but if you still insist on using the jScrollPane jQuery, you can try to put into templates/ja_fubix/js/script.js. Make sure that you include the jQuery no-conflict().

We still don’t use the jSrollPane jQuery in our JA Fubix and T3 plugin, so that I can’t confirm any compatibility or conflicts in this case. Just backup your files and give it a try.

[redmatter Friend redmatterJoin date: July 2013Posts: 25Downloads:0Uploads:26 Thanks: 2]

#505954

Hi Leo Burnetts,
In mobile my site is not not fit complete screen of the mobile , it is fit to middle of the screen so some space is wasting in left and right side, we can see this issue in below image and we can also see this in my site http://dev.integralminds.co.in i want my site look like as same as ja_fubix in mobile view you can see this in below image .how can i slove this issue please give a soluation for this.

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#506007

Hi redmatter,

This issue is related to your modified module styles for using YJ Module Engines module on mobile view. In order to sort this incompatibility, you can try to put below codes into the custom.css file:

@media (max-width: 767px) {
.t3-module .module-ct {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}

Your module area will look better on mobile.

[redmatter Friend redmatterJoin date: July 2013Posts: 25Downloads:0Uploads:26 Thanks: 2]

#508334

Hi Leo Burnetts,
when I mouse hover on menu item, it is moving to up. I want menu item to be fix.you can observe this issue in dev.integralhttp://dev.integralminds.co.inminds.co.in

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508338

Hi redmatter,

You can try to set the fixed height of menu item when hovering by opening templates/ja_fubix/css/custom.css file, change:

.t3-mainnav .navbar .nav > li.open > a {
border-top: 0px;;
}

to

.t3-mainnav .navbar .nav > li.open > a {
border-top: 0px;
min-height: 30px;
}

Change the min-height value until you get perfect.

[redmatter Friend redmatterJoin date: July 2013Posts: 25Downloads:0Uploads:26 Thanks: 2]

#508443

Hi Leo Burnetts,
I need Icon before module title as shown in this image
thanks in advance

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508445

Hi,

You can define a icon image background for the title of module you want to display by adding these css styles into custom.css file:

#Mod105 h3.module-title {
background: url('icon_image_path') no-repeat top left;
/*additional css styles*/
}

While #Mod105 is the ID of module you are trying to apply. Adjust a little bit the styles of module title and icon background, you will reach your requirement.

[Author]

Posts