Fixed Top Banner
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Thu Oct 01, 2015 3:05 pm
- Reply with quote
- Report this post
Hello,
I have a problem with the fixed Top Banner
I write this in the override:
Now, the Top Banner is fixed, but: The Navigation is over the Top Banner position (see screenshot).
What is wrong?
I need only the Top Banner position fixed, the navigation can scroll up.
My URL: http://www.lauenburger-online-zeitung.de/
Many thanks for your help!
I have a problem with the fixed Top Banner
I write this in the override:
#gkPageTopBar {position: fixed; width: 100%; z-index: 1000}
#gkContentWrap {margin-top: 80px;}
Now, the Top Banner is fixed, but: The Navigation is over the Top Banner position (see screenshot).
What is wrong?
I need only the Top Banner position fixed, the navigation can scroll up.
My URL: http://www.lauenburger-online-zeitung.de/
Many thanks for your help!
-
- Junior Boarder
- GK User
- Fri Oct 02, 2015 5:31 pm
- Reply with quote
- Report this post
Have you been able to solve the issue?
-
- Moderator
- GK User
- Fri Oct 02, 2015 5:35 pm
- Reply with quote
- Report this post
Yes, but I have a probleme with the mobile view.
The Mobile Nav is on the logo.
And on top there is in mobile view an extra streak.
Is it possible to have a smaller logo only in mobile view?
The Mobile Nav is on the logo.
And on top there is in mobile view an extra streak.
Is it possible to have a smaller logo only in mobile view?
-
- Junior Boarder
- GK User
- Fri Oct 02, 2015 5:40 pm
- Reply with quote
- Report this post
Please edit: /templates/gk_publisher/css/override.css and add at its end:
Remember to enable "CSS override" in template settings - advanced section.
- Code: Select all
div.banneritem {
border-top: none;;
}
#gkTopBanner .banneritem img {max-width: 80% !important;}
Remember to enable "CSS override" in template settings - advanced section.
-
- Moderator
- GK User
- Fri Oct 02, 2015 6:03 pm
- Reply with quote
- Report this post
It's works. Thanks Cyberek.
Is is possible, to have a smaler (orange) straek only in mobile version?
In the mobile view, the background ist higher then the desktop view.
Is is possible, to have a smaler (orange) straek only in mobile version?
In the mobile view, the background ist higher then the desktop view.
-
- Junior Boarder
- GK User
- Sun Oct 04, 2015 11:53 am
- Reply with quote
- Report this post
Additional question:
Is it possilble to fixed the mobile menu?
#gkMobileMenu {position: fixed} doesn't works.
I need only the mobile menu fixed.
The main menue can scroll
Is it possilble to fixed the mobile menu?
#gkMobileMenu {position: fixed} doesn't works.
I need only the mobile menu fixed.
The main menue can scroll
-
- Junior Boarder
- GK User
- Mon Oct 12, 2015 11:07 am
- Reply with quote
- Report this post
You can always use css media queries to limit behave to devices with "given" screen size.
-
- Moderator
8 posts
• Page 1 of 1