Joomla Templates Club 406,261 posts

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

#1067383

Hi
To fix both
add below code in custom.css file

.ja-topbar {
    position: fixed;}
.t3-header {
    position: fixed;
}

In JA Alumni its different style and js used, for this you need to do customization in the php file, css and js.
You can try this too.
Open JA Alumni script.js file to copy the js .
Now to apply the same css style on this template use firebug or inspect element.
Also, you need to add has-slideshow as page class so the css will work,

Regards

[mazhar shah Friend mazhar shahJoin date: September 2014Posts: 201Downloads:132Uploads:37 Thanks: 37 Thanked: 8 times in 5 posts]

#1067460

This reply has been marked as private.

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

#1067465

Hi
Let me explain it:
When the menu is fixed it will hide the content.
So in mobile, you changed padding values that make it upper.
This needs more style to give it different style for different screen sizes.

• In JA Alumni header, you can open the header.php file to see the menu
• script.js file for sticky menu js code
• template.css file contains the style code for the sticky header and style for topbar
• and /tpls/default.php file to see the bodyclass code

For the other changes, it needs to define the new style code in custom.css because change the default style in the template will affect other parts, for example, the sticky will hide the content a little.

Regards

[mazhar shah Friend mazhar shahJoin date: September 2014Posts: 201Downloads:132Uploads:37 Thanks: 37 Thanked: 8 times in 5 posts]

#1067468

Thank you.. thats much clearer, I now know which files to look at.

[Author]

Posts