How to resize home page navigation buttons for Mobile Phone view (Prestashop 1.7.5.)[SOLVED]

[Layton]

Hiya, can someone please help me! I want to resize/configure my "featured", "new items" & "best sellers" buttons on my mobile phone home screen (highlighted in screenshot attached) so that they are placed horizontally next to each other on one line, rather than vertically on top of one another as they are now. My website URL is https://www.gr8-kitchenware.co.uk

The theme I am using is PRSADD040

Thank you so much!

Edited October 18, 2021 by Layton (see edit history)

[razaro]

Hi and welcome to the forum

To change that you need to make some CSS changes. First on line 13367 change/add two lines so it looks like

    #home-page-tabs{
        padding-bottom: 10px;
        margin: 20px auto 10px;
        width: 100%;
        display: flex;
    }

and also line 13939 change to

 .tabs .nav-tabs .nav-link {
	padding: 6px;
	font-size: 16px;
}
    

 

Save file, clear PrestaShop cache and it should make them horizontal.

 

[Layton]

Hi Razaro, I just wanted to say thank you so so much for this help, it worked and I shall mark as solved!

Best Wishes.