Mobile Logo Height & Home page gap

[E_K]

Hello again,

Can I set or adjust mobile logo as it becomes to big for mobile devices?

I would like to make it smaller just for mobile and minimized browser.

Also, another issue with mobile and minimized browsers which is gap between content and menu header.

See attached.

Thanks

[E_K]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

What is your link? It would be helpful if you could add it to the site details when posting a topic, to save us from asking you for your link

– Kyle

[E_K]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.`inner-page-wrap {
padding-top: 0!important;
}`

To make the header white, go to color customiser and make the body background white, it is currently #222222

For the logo add this:

#logo img {
  height: 77px;
}
#logo img, #logo img.retina {
  width: 63px;
}

– Kyle

[E_K]

Hello Kyle,

I have typed your inner code like

.inner-page-wrap {
padding-top: 0!important;
}

without and .

Well it solves problem on mobile and minimized windows, but if you can have look at the website you will see that menu and full width text block has crashed.

And for logo, it changes main logo as well. Any chance to just change it for mobiles?

I think I also should change the height of the mobile menu, as while logo is small the menu height is still too much on mobile and minimized windows.

Thanks.

[Kyle – SUPPORT]

change the css to this:

@media only screen and (max-width: 768px) { 
.inner-page-wrap {
padding-top: 0!important;
}
#logo img {
  height: 77px;
}
#logo img, #logo img.retina {
  width: 63px;
}
}

– Kyle