remove space (display on mobile device)

[paulgeneva]

Hello,

Question )  

I'd like to remove white space (image 3.png) on mobile device

 

Description of my concern)

On homepage, best seller block is displayed. 

On PC display, there is no white space(image 1.png and 2.png) :: Good

But on mobile device (smart phone and ipad ), white space appear on top and down of best seller section (image 3.png)

 

Help) How to remove this white space on mobile device please ?

 

Thank you !

[razaro]

Hi

You can remove that space by adding new CSS code in /themes/classic2/assets/css/style.css  file, after line 590 that says

    section {
        padding: 20px 0;
    }

add

    section.featured-products {
        padding: 0;
    }

so it looks like

    section {
        padding: 20px 0;
    }

    section.featured-products {
        padding: 0;
    }

Save file and if needed clear cache.

[paulgeneva]

Thank you so much ! It works wonderfully. 😀