Weaver Site Logo/HTML:

[ROBIN]

In the Header area there is a place for the Site Logo to be added over the header image.

On Desktop this looks really nice, but it doesn’t seem responsive for Mobile.  The image doesn’t reduce.

Is there something I am missing?  I see that I can hide it on Mobile and the may be what I end up doing.

The website is 2GoodsWildFootRVPark

Thank you in advance for any help you can provide.

[User]

@Robin

Have you just upgraded to Weaver Xtreme Plus plugin V7.0, or is this issue from the previous version(s)?

[ROBIN]

I have never used this option before so I don’t know how it responded prior, but here what

I am using:
<h2>Weaver Xtreme 6.7 Options – Plus ( 7.0 )</h2>

[User]

@Robin

Thank you Robin.

Can you please try to revert to the previous version of Plus and let us know what happens?

(At the moment, @Weaver is working to fix an known issue with Weaver Xtreme Plus plugin V7.0)

Or perhaps try this:

@media screen and (max-width: 767px) {
#logo {
max-width: 80%;
display: block;
}
}

[User]

@Robin

I guess by the silence the previous did not work.

May I suggest:

Add this CSS:

.site-logo img,
.custom-logo,
.custom-logo-link img {
max-width: 100%;
height: auto;
display: block;
}

If the logo is still too large, then change container width:

.site-logo,
.custom-logo-link {
max-width: 220px; /* adjust as needed */
width: 100%;
}

And add a media query:

@media (max-width: 768px) {
.site-logo,
.custom-logo-link {
max-width: 160px;
}
}

[ROBIN]

Thank you for your help!  I can’t seem to get any of these to work.

I am not stressed about this right now, so I am happy to wait to see if the update fixes it.

I truly appreciate your effort!

[Weaver]

The logo HTML looks like:

 

<img width=”64” height=”64” src=”https://URL/wp-content/uploads/2026/02/7_64x64.png” class=”custom-logo” alt=”Weaver Xtreme 7” />

I don’t know offhand if the .custom-logo class can override the 64×64 size or not – but as it stands the logo will be 64×64 on all devices.

[scrambler]

This reply has been accepted as the best answer.

@ROBIN Add the rule below to the theme global Custom CSS

#site-logo {width:25%;}

If that does not make it scale when you shrink the browser past the width where the mobile menu appears, leave the rule in and post back, so I can see if the rule is really there (we had problem in the past where the rule you said you added where not showing up…)

DO clear all caches

[ROBIN]

@Scrambler That worked great.  You are very much appreciated!

[Author]

Posts