smartslider 2 in header

Hi,

I want to use smartslider2 in the header position for responsive full page video ( in full page width! )
Now the header position is 1240px width so maybe you can help to fix that with override code?

I did try out some solutions given here on the forum with no result.
Thank you very much!

Stef

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkHeaderNav .gkPage {
    max-width: 3000px;
}


Sorry, nothing changed!
Header section still the same.

Best Regards,
Stef

I know this is not a consultancy so i understand this topic has nothing to do with your work!
Thanks for your time:)

Stef

Hi

That's not a problem. I'l help with that, please show me Your site where this module and the code I gave you is used.

Thank you so much:))
http://www.sesamband.nl

Hi

Checking with firebug looks like the code I gave You is working fine. I just cannot see it being used. Can You please check if override is enabled in template settings ? And if code is copied properly ?

Hi,
Override is enable!

Hi

Still file is not included at all. Please disable any cache extension You have.

All cache extensions were disabled already.
incl. GK-template cache.
incl. system cache.

Best regards,
Stef

Hi

Still no file being used by Your website. Please send me an access to joomla panel and ftp. I need to figure out what is going on. Do You have a server cache enabled maybe ?

i did pm you!
But it got stuck in the outbox?

Hi

Yes, I got it. But this access is not working:

Code: Select all

Warning
Username and password do not match or you do not have an account yet.


and I still see that most of the css is cached. Please check if there is no css compression plugin installed. Try also move code from override.css to override field in template settings, this should not be cached.

moved code to template settings with no results.
I did renew your inlog. i checked it and it works now.
Maybe you can check it again?!

Thank you for your time,
Stef

Hi

It was stubborn but at the end I forced it to use my code. Here is a proper syntax:

Code: Select all

#gkHeaderMod .gkPage {
    max-width: 3000px;
}


Yes Excellent Teitbite "your the man"
One question how can i shut down the header background image that is under smartslider2 module?

Best Regards,
Stef

I used override code:
#gkHeader {
background: none!important;
}

It worked!

where can i adjust the top hight and bottom of the module it's not covering the whole page.

Thank you,
Stef

Hi

Looks like You've made it, but just in case someone will be looking for the same answer. You can manipulate with height of it thanks to the module placed inside of it. In header module position I believe.

Yes i got it to work, only in mobile/tablet version there is a big white space on top of the header module!
So the module is responsive but the modules not lined out properly i guess.
Maybe i'll put the smartslider2 module in debug position?

Thank you for your time! ))
Stef