-
AuthorPosts
-
sjuzocka Friend
sjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 15, 2015 at 7:22 am #206359I 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 ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 15, 2015 at 1:59 pm #570687Please do me a favor and temporarily set “Optimize CSS” to “Off/No” within your Template Manager–General settings
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 15, 2015 at 1:59 pm #735750Please do me a favor and temporarily set “Optimize CSS” to “Off/No” within your Template Manager–General settings
sjuzocka Friendsjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 15, 2015 at 8:33 pm #570748Hi Tom, it was set to No already…
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 15, 2015 at 9:26 pm #570750Try 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 Friendsjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 16, 2015 at 3:45 pm #570799Better, thank you, almost done, but unfortunately one new problem occurs:
the position of image slider is somehow “broken”. see image.
sjuzocka Friendsjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 16, 2015 at 3:45 pm #735861Better, thank you, almost done, but unfortunately one new problem occurs:
the position of image slider is somehow “broken”. see image.
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
May 18, 2015 at 10:38 am #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
1 user says Thank You to Ninja Lead for this useful post
sjuzocka Friendsjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 18, 2015 at 11:43 am #570926excellent, thank you!!!!
sjuzocka Friendsjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 18, 2015 at 1:26 pm #570930Unfortunately, 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…
sjuzocka Friendsjuzocka
- Join date:
- October 2010
- Posts:
- 49
- Downloads:
- 1
- Uploads:
- 11
- Thanks:
- 12
- Thanked:
- 3 times in 3 posts
May 18, 2015 at 10:04 pm #570992OK, my husband helped me with this already, so thanks for now 🙂
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
May 18, 2015 at 10:35 pm #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 !! 🙂
1 user says Thank You to TomC for this useful post
AuthorPostsViewing 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
Jump to forum