Header width on mobile

The header image width is massive when viewing on my mobile version, I need to make it a lot more thinner - can you help? Also, I need to reduce the size of the “russell IPM” logo so it s a lot smaller - can we do that?

Thanks

Hello there,

Thank you for asking.

Could you please try to add the following CSS code through the Simple Custom CSS plugin?

@media only screen and (max-width: 991px){
  .header-image{
   max-height: 100px; 
  }
}

/* Reduce the logo size */
.site-logo {
    max-height: 60px;
}

Let me know how it goes.

Regards,
Kharis

That word great! Thank you! I have one other query - the foster widgets of contact us etc etc are rather misaligned and looking a bit dodgy on mobile and web view - have you got any suggestions there? I’m also making changed to the header, getting rid f the #primary button to make a title, but overtime I save it and log out, it reverts back to how it is now! Most peculiar - pointers appreciated!

Hello there,

Regarding your new queries, could you please post them in a new topic? I’d be happy to assist you from there.

Regards,
Kharis