Fixed Top Banner

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.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:
#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/
Image
Many thanks for your help!
User avatar
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?
User avatar
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?
User avatar
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:
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.
User avatar
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.
User avatar
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
User avatar
Junior Boarder

GK User
Tue Oct 06, 2015 4:59 pm
Reply with quote
Report this post
Is there no way ?
User avatar
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.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.