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