White space below Main Menu

Posted in: Newspaper
Post count: 27
lukehodge
#212397
Jan 21, 2018 at 10:18 am

Hi,

I wanted to find out how to:

1) Reduce the amount of white space below the main menu (so between the main menu and big grid I have underneath the main menu)

2) Wen viewing on mobile devices, I’d like to completely remove the white space below the main menu.

Could you please tell me how to do this?

Post count: 22421
Bogdan B.
#212540
Jan 22, 2018 at 11:10 am

Hello,

1) Please use this css code in your theme panel custom code section under custom css:

.td-main-page-wrap{
padding-top:10px;
}

2) Please provide a link to your site so we can see where this space comes from.

Thanks.

Post count: 27
lukehodge
#212609
Jan 22, 2018 at 3:02 pm

Thanks Bogdan, the css worked for the reduction.

You can view the website at https://seemslegit.com.au/ and I would like to remove the now thinner bar of white space between the main menu/logo and big grid when you viewing on mobile devices if possible?

Post count: 20688
Simion C.
#212718
Jan 23, 2018 at 9:43 am

The code provided by Bogdan seems to have worked, the space is reduced like you wanted. If you want to completely remove it on mobile while leaving it as it is on desktop, there is a solution.
First move the code from the Custom CSS section in the Advanced CSS->Desktop. Then enter this one in the phones CSS section
– https://www.screencast.com/t/1laavicz

.td-main-page-wrap {
padding-top: 0;
}

The result will be no change on desktop, while on mobile the padding will be 0
– https://www.screencast.com/t/DFVmixMo

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.