A lot of white space in header-area when viewed on a mobile phone

This topic has 3 replies, 2 voices, and was last updated 6 years ago by vako.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 16, 2019 at 3:28 am #34392

Mira
Participant
Free Member

The header area looks great when viewed on a computer but not when viewed on a mobile phone. The logo is really small and there’s too much space around it.

April 16, 2019 at 10:41 am #34399

vako
Keymaster
Premium Member

Hi Mira,

Please share your website URL and we will check for the possible solutions.

Kind Regards

April 16, 2019 at 3:19 pm #34415

Mira
Participant
Free Member

This reply has been marked as private.

April 17, 2019 at 12:41 pm #34433
vako
Keymaster
Premium Member
Hi Mira,

Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:
```
@media screen and (max-width: 1080px) {

.entry-header {

height: 150px !important;

}

}

@media screen and (max-width: 690px) {

.entry-header  {

height: 100px !important;

}

}

@media screen and (max-width: 590px) {

.logo-img {

margin-top: -30px !important;

}

}
```
Kind Regards
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.