Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Pankaj Sharma Moderator
    #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
    #1067460
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #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
    #1067468

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

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  mazhar shah 1 year, 7 months ago.

The topic ‘Fixed top menus’ is closed to new replies.