Fix gkPageTop and box height

Hi!

I'm doing the customization the startup template and I need help on this two things:

1) I want to fix the gkPageTop so I keep it visible when scrolling the page. I think I can do it with "position: fixed", but with this, all the rest of the content moves up and the things at the top hide behing the gkPageTop. How can I keep the rest of the content in the previous position?

2) The boxes that appear in the bottom 1 position ("The Key Features" in quickstart) have different height if the title have 1 line or 2 lines. What should I do to keep all the boxes with the same height, no matter the extension of the title in the boxes.

Thank you!

1. Add a top padding to element next to gkPageTop equal to gkPageTop height.
2. Could you please post an url to your site?

Thank you, Cyberek!

And sorry for the delay on my answer. Your help was useful on the first issue.

Here is the site: http://vectus2.benteveodesign.com.ar/

Thanks again

2) - they are already same. Do you still need help with that?

They are the same because I put some white spaces on the title, before and after. But this is not the correct solution I think. I didn't change anything in the code.

Thanks for your help

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

Code: Select all

.gkFeatures > a {
    height: 290px;
}


You can play with the height value to suit your needs.

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