-
AuthorPosts
-
November 2, 2017 at 6:12 am #871546
Hello,
My client would like to achieve the following functionality for their home page, where one color sections rolls over the other on scroll. https://goforthcreative.com/
I had thought I could achieve this easily, by fixing the first color block and then setting the second one underneath to scroll or Parallax but haven’t had much luck.
Can you pls support.
Thanks
November 3, 2017 at 3:47 pm #872197Hey tweetgeeb,
Please, can you explain your question with more details?
Best regards,
John TorvikNovember 4, 2017 at 6:26 am #872410Hi John,
Thaks for getting back to me so quickly.
I would like the menu and contents below it to roll over the top color section as I scroll down the page. Similar to what this website does https://goforthcreative.com/
I was hoping to achieve this by fixing the first color block and enabling the second as scroll, but it doesn’t roll over…just scrolls the entire page up. http://www.kelseyhutchinsonstudio.com/home-page/
Thanks – greatly appreciate your help.
November 6, 2017 at 9:12 am #872940Hi John, hope to hear from you soon. Hoping this is possible to emulate on this theme?
November 7, 2017 at 2:06 am #873475Hi John,
Hoping to hear from support today? Is this possible to create within the theme?
Thanks,
November 7, 2017 at 4:09 am #873502Hi,
The pages just redirects to the home page. Please provide a link to the actual page where you want to apply the modification.
Best regards,
IsmaelNovember 7, 2017 at 4:16 am #873506This is the link to the actual page http://www.kelseyhutchinsonstudio.com/home-page/
This is the link to the page that I want to emulate https://goforthcreative.com/
I want the full-width submenu and everything below that to roll over the green color section on scroll, like on goforthcreative.
Wondering if that is at all possible?
Thank you
November 8, 2017 at 5:29 am #873996Hi,
We applied a unique Section ID to the color section and then added the following css code.
#hero-content .container main { position: fixed; left: 50%; max-width: 90em; top: 15%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); color: #fff; }
Best regards,
IsmaelNovember 8, 2017 at 6:24 am #874033Thank you, worked perfectly. Pls close the ticket.
November 9, 2017 at 6:41 am #874442 -
AuthorPosts
- The topic ‘Colour Section’ is closed to new replies.