-
AuthorPosts
-
October 29, 2014 at 5:53 pm #342842
Hi,
I have a strange request but…
I would like to create the front page (Landing Page) of the website to only display the nav bar, a hero slider using the full screen slider and the footer above the fold (please see the example in dropbox).
https://www.dropbox.com/s/gba8u14zwg5af2i/Sample-front-page.jpg?dl=0
I don’t want the visitor to have to scroll down to see the footer options.
I guess that it maybe a case of reducing the slider height but don’t want it to effect the rest of the website where the full screen slider will be used and take up the whole screen.
I hope this makes sense.
Look forward to hearing back from you guys soon.
Mark
p.s. I love the Enfold theme so much and it’s saved me hours so far with the simple layout design options and the bonus theme templates!!! Keep up the amazing work.
October 31, 2014 at 2:35 pm #344019October 31, 2014 at 3:31 pm #344063Hi Yigit,
Sure can. It’s a demo site created on a sub domain to demo to a client: http://gossip1.uploadinternational.com/home-page/
October 31, 2014 at 3:39 pm #344067Hey!
Can you please firstly set landing page’s header to transparent – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/
Best regards,
YigitOctober 31, 2014 at 4:06 pm #344075Hi Yigit. yep, done that now.
October 31, 2014 at 7:35 pm #344283Still the footer is appearing below the fold :(
October 31, 2014 at 7:41 pm #344286Hey!
Please try adding following code to Quick CSS
.page-id-557 #main { margin-top: -150px!important; }
Cheers!
YigitOctober 31, 2014 at 8:56 pm #344313Will this effect the other pages?
November 1, 2014 at 7:25 pm #344697This code didn’t work :(
November 3, 2014 at 8:40 pm #345498Hi,
1. Open js/shortcodes.js and look for line 2157:
css += ".avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow{height:"+wh100_mod+"px;}\n";
Replace it by this:
css += ".avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow{height:"+wh75+"px;}\n";
2. Set this setting for the color section you are using as footer – http://screencast.com/t/xmyrRRiENB
This modification will make the fullscreen slider and the footer to be 75/25 height of the screen.
Regards,
JosueNovember 4, 2014 at 9:02 am #345762Thanks Josue. Will this effect all sliders for all pages or just this one?
November 4, 2014 at 9:17 am #345767Hi!
This mod will affect all pages.
Cheers!
ArvishNovember 4, 2014 at 10:06 am #345781There may be a way of limiting to specific elements but first check if it suits your needs.
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.