Small logo

banner.jpg

When trying to overide the logo when scrolling down, the login button is not fitting in the window. This is the override that is am using:

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
background-image: url('https://cdn.gavick.com/images/Sponsoren/gosport.png');
}
#gkLogo.cssLogo, #gkLogoSmall.cssLogo {
transparent;
height: 50px;
width: 90px;
}
My website is vepvoetbal.nl

Its simple math issue - you add aditional element to a row, where even without it elements occupies almost entire width. Try reducing menu's elements width:

Code: Select all

.gkMenu > ul > li > a {
padding: 0 26px;
}