Tablet and mobile UI problem (white space at top)

Posted in: Newspaper
Post count: 9
queencity315
#231839
May 3, 2018 at 9:38 pm

Hi there,

I have two issues I’m looking to solve.

1) At the top of both the tablet and mobile view of my website (www.IntroWellness.com), there is a white space between the top of the page and the black space where the logo is located. How do I fix this?

2) I’d like to change the color around where the logo is located. How do I do this?

Post count: 20688
Simion C.
#231921
May 4, 2018 at 10:54 am

Hi,

1. That is the page padding, similar to desktop but smaller
– https://www.screencast.com/t/rgkmUFKzzT
It could be removed by entering this code in the theme panel advanced CSS section, in the phones and tablet fields
– https://www.screencast.com/t/cca9VqHp7pPZ

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

2. There is a setting for the mobile menu background color
– https://www.screencast.com/t/mjju2gutkK

Thanks

Post count: 9
queencity315
#232039
May 4, 2018 at 7:04 pm

Awesome! And, to confirm, since I’m using Google Adsense, the white space ABOVE the main logo is where ads may or may not show up, right?

Post count: 20688
Simion C.
#232214
May 7, 2018 at 8:51 am

There is currently an ad present in that location from what I can see
– https://www.screencast.com/t/9h4XSxSjLhc9
On mobile that is where the header ad is displayed when using header style 1.

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