Archived topic

Modify header Pivot

3 replies · Started by Nick on June 9, 2020

Viewing posts 1–4 of 4

June 9, 2020 at 5:10 am #1320472

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

June 9, 2020 at 6:30 am #1320561

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;
    }
}

June 10, 2020 at 2:21 am #1321735

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

June 10, 2020 at 3:32 am #1321828

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.

This archived topic is closed to new replies.

Start building better websites today.