Archived topic
Newest update removed the .header-image class?
4 replies · Started by Jay on November 20, 2018
I'm trying out the new version of GP and GP Premium before going live, and I've noticed one small issue.
I've been using custom CSS to change the size of my logo at different screen sizes via the ".header-image" class.
I noticed the logo wasn't resizing properly after this update, and after looking at the code it seems to be because .header-image is no longer being used?
Not sure if this is a bug or if there's just some other method I should be using for this purpose?
Hi there,
GP 2.2 introduced the Logo Size option in the Customizer, so no need for CSS even with SVG images. This created an issue with the sticky navigation logo if the nav was floated to the side of the header. Hence the class was removed.
Just a note that header-image was only removed from the navigation and mobile header logos.
The main site logo still has that class.
To target the navigation logo, you can do this:
.navigation-logo img
For the mobile header, you can do this:
.mobile-header-logo img
That worked perfectly, thanks!
Glad we could help! :)