homepage slides – white space

[Normand]

Hello again,

I still have difficulty making the homepage slide fluid on the front page of the website.
You previously suggested this CSS code for making the white zone under the main image smaller :
.site-content {
min-height: 300px !important;
}

And I even tried making it real small :
.site-content {
min-height: 100px !important;
}

It does well on the other website pages, but it still adds a white block or zone on the homepage. I would like the homepage to show the bottom menus (and not scroll lower to see them)… It seems like this white block is often cropping the main image slide upon first arrival or when refreshing the page… Is there a way to retrieve this block or make it real thin by controlling its height and by so making the homepage more fluid ? Is the white block stuck with the black bottom ?

Please check :
http://societev.com

[Varun Dubey]

Hi @france,
Please create a file with name front-page.php inside the child theme and add following codes inside it
It will remove the complete content area from the frontpage.

<?php
/**
 * Template Name: Front Page Template
 */
get_header();
?>

<!-- Frontpage Slider -->
<?php get_template_part( 'content', 'slides' ); ?>
<?php get_footer(); ?>

Regards

[Normand]

ouf, never done this kind of intervention before !
is this something I could do inside the Custom code section of your boss child theme ?

[Anonymous]

Hi @france, Please unzip and upload the attached file inside your child theme and add the existing css codes in your boss theme’s custom css option:

[Normand]

Great, I managed to do this successfully – thanks for the help !

I have a question, in a near futur (when the shop will be launched), we will be adding a row of products (or news) just under the main slider and on top of the black footer (between them)… Will the new changes still allow that ? How do you suggest we do that (using Virtual Composer for example ???)

[Normand]

oh ! after testing furthermore…
the change seams to do the trick for Desktop viewing
but it still does not work on the tablets (ipad)

still need your help about this,

thanks

[Anonymous]

Hi @france, I will check it for mobile view and get back to you.

Regards

[Normand]

thanks

[Varun Dubey]

Hi @france, Please add following to custom css

.site {
min-height: 100px!important;; 
}

When you will need to add more section to homepage, you just need to delete or remane front-page.php from child theme
Regards
Varun Dubey

[Normand]

Great ! it works !
Thank you so much !

[Anonymous]

🙂