Header 100% WIDTH

Hi there,

We have installed a 3rd party slider and published it in the "Header" area. We would like this slider to span 100% of the screen. We have so far been unable to get the slider to extend past the width specified in the template settings.

We would like the slider to function like the one here: http://www.nextendweb.com/demo/smartsli ... /full-page

Unfortunately this is the result we are getting: http://impactnetsolutions.com


Any suggestions on how to allow the "header" area to span 100% of a person's screen?

Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

#gkHeader .gkPage {width: auto;}


Remember to enable "CSS override" in template settings - advanced section.

Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

#gkHeader .gkPage {width: auto;}


Remember to enable "CSS override" in template settings - advanced section.

I Added what you suggested to the override.css file and enabled css override in the template settings.

Unfortunately nothing has changed.

Please see http://impactnetsolutions.com

Code: Select all

#gkHeader .gkPage { max-width: none; }


Ps - size of letters makes the difference.

Code: Select all

#gkHeader .gkPage { max-width: none; }


Ps - size of letters makes the difference.

That works! Thank you SOOOO much!!!

No problem .
Is that all I can do for you in this topic?

No problem .
Is that all I can do for you in this topic?

You bet! This topic can be closed now!

Ok, closing the topic .