Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • sjuzocka Friend
    #206359

    I tried to make header and main menu sticked with some changes in template.css (position: fixed), but I am lost in that “z-index” issue… Please can you take a look at the website and provide me an information about how to edit CSS to have all the logo and main menu sticked, so that all is scrolled under it? Thank you very much.

    (and I have T3v2)

    TomC Moderator
    #570687

    Please do me a favor and temporarily set “Optimize CSS” to “Off/No” within your Template Manager–General settings

    TomC Moderator
    #735750

    Please do me a favor and temporarily set “Optimize CSS” to “Off/No” within your Template Manager–General settings

    sjuzocka Friend
    #570748

    Hi Tom, it was set to No already…

    TomC Moderator
    #570750

    Try This . . . .

    Within file path –> /templates/ja_university/css/template.css
    at line 952, modify as follows:


    #ja-header {
    position: fixed;
    z-index: 999;

    }

    Then, at line 1049. modify as follows:


    #ja-mainnav {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 8px 6px -6px #888888;
    font-size: 1.1em;
    position: fixed;
    top: 115px;

    z-index: 20;
    }

    Then, at line 1123, modify as follows:


    #ja-slideshow {
    background: none repeat scroll 0 0 #ffff9d;
    border-bottom: 1px solid #c3d5d5;
    position: relative;
    top: 170px;
    z-index: 10;
    }

    Then add the following CSS rule to the same template.css file:


    #ja-container .main {
    top: 190px;
    }

    SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

    Better ??

    sjuzocka Friend
    #570799

    Better, thank you, almost done, but unfortunately one new problem occurs:

    the position of image slider is somehow “broken”. see image.


    1. problem
    sjuzocka Friend
    #735861

    Better, thank you, almost done, but unfortunately one new problem occurs:

    the position of image slider is somehow “broken”. see image.

    Ninja Lead Moderator
    #570922

    <em>@sjuzocka 473669 wrote:</em><blockquote>Better, thank you, almost done, but unfortunately one new problem occurs:

    the position of image slider is somehow “broken”. see image.</blockquote>

    My solution below will help you to fix the problem on your site

    Open templates/ja_university/css/template.css file

    find and change

    #ja-container .main {
    top: 190px;
    }

    #ja-slideshow {
    background: #ffff9d ;
    border-bottom: 1px solid #c3d5d5 ;
    position: relative;
    top: 168px;
    z-index: 10;
    }

    to

    #ja-slideshow {
    background: #ffff9d ;
    border-bottom: 1px solid #c3d5d5 ;
    position: relative;
    padding-top: 168px;
    z-index: 10;
    }

    Once done remember to clear cache from admin area. Let me know if it helps

    sjuzocka Friend
    #570926

    excellent, thank you!!!!

    sjuzocka Friend
    #570930

    Unfortunately, another new problem found… After editing to this:” padding-top: 168px;” – homepage is OK, but when I click on something from Modules menu on left etc…. I cant see all… look at the page please:
    http://www.zpmpvsr.sk/index.php/dostojny-zivot-pravo-nie-privilegium – you can not scroll the full page…


    1. page
    sjuzocka Friend
    #570992

    OK, my husband helped me with this already, so thanks for now 🙂

    TomC Moderator
    #570995

    <em>@sjuzocka 473925 wrote:</em><blockquote>OK, my husband helped me with this already, so thanks for now :)</blockquote>

    Glad to know you got things working … All the best with your continuing site development !! 🙂

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

This topic contains 12 replies, has 3 voices, and was last updated by  sjuzocka 9 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum