How to remove the scrollbar from intro page?

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 Aug 15, 2013 3:32 pm
Reply with quote
Report this post
I wonder if it is possible to do the following:

1. I need an intro page consisting of your nice looking first-intro-page (using Image Show GK4) which displays an image fully streched out over the screen (including moving icons and text).

2. I would need this to NOT have any scrollbars to the right in the browser.

3. Each link (shown from different images from Image Show GK4) in the "Read more" button should go to the subpages menu (ie not using the scroll down effect).

Possible or not? :roll:
User avatar
Gold Boarder

teitbite
Thu Aug 15, 2013 5:06 pm
Reply with quote
Report this post
Hi

Here You will find module settings for Image Show and how to make it link to different pages and not parallel objects. I'm not sure about scrollbar, but when You make it show me the page so I'll check and hopefully will be able to tell the code to disable scrollbar.
User avatar
Moderator

GK User
Thu Aug 15, 2013 5:12 pm
Reply with quote
Report this post
Great! I will send you a PM as the site is still not live yet.
User avatar
Gold Boarder

teitbite
Fri Aug 16, 2013 9:26 am
Reply with quote
Report this post
Hi

It's just a try so do not be angry if this will not work :) Add this to override.css file and remember to check if override is enabled in template settings.

Code: Select all
div.gk-intro {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
}

#gkTop, #gkContentWrapper,  {
    display: none;
}


if this will work than You will need to use it in a custom code module attached to a frontpage only.
User avatar
Moderator

GK User
Fri Aug 16, 2013 10:53 am
Reply with quote
Report this post
Hi and thank you for your effort.
I say we are 75% done.
I just implemented your code and you can see how it looks like. The scrollbar is still there but if you scroll down it is only the background colour showing (blue).

(I gave you the login and pwd previously, so please user them)

Is it possible to have a static, always present menu, at the top (not having it appearing when scrolling down)?

Hope to hear from you soon.
User avatar
Gold Boarder

teitbite
Sat Aug 17, 2013 2:38 pm
Reply with quote
Report this post
Hi

To have menu visible always please use this code:

Code: Select all
#gkTop.isIntro {
    top: 0 !important;
}


Rest of the code to remove the scrollbar:

Code: Select all
html {
    border-bottom: 0 solid transparent;
}

#gkContentWrapper {
    display: none;
}
User avatar
Moderator

GK User
Mon Aug 19, 2013 9:19 am
Reply with quote
Report this post
Thank you!
This worked!
I apreciate your good support :)
User avatar
Gold Boarder

teitbite
Mon Aug 19, 2013 5:15 pm
Reply with quote
Report this post
Hi

No problem. Glad i could help :)
User avatar
Moderator


cron