[Support request] Modify header Pivot

[Nick]

Hi,

I builded a website. I have a question about modifying the header. I uploaded the logo trough the general WP customize menu. But I don’t think I am doing it right. When I view the website from mobile, I don’t see the logo in a good size too. Where do I need to change it?

Also, the hero image on the homepage looks good on pc, on mobile not. How can I change it? Thanks

[David]

Hi there,

The Mobile Header logo size is defined by Customizer > Layout > Primary Navigation –> Menu Item Height – you can increase this value for mobile.

OR you can use this CSS:

@media (max-width: 768px) {
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 90px;
        padding: 0;
    }
}

[Nick]

Thanks, it did the trick! How about the hero image with the woman? How do I fit this good to mobile

[David]

You can edit the Header Element and adjust the Mobile Top and Bottom padding.
This will adjust the elements height. If you reduce the padding, the height will reduce and more of the image horizontally will be displayed.

[Author]

Posts