-
Posts
-
Hello.
I’ve noticed a strange problem. In a number of cases the actual onscreen widths, of both the viewport and of images on the webpage, are not being recognised correctly.
For example, whatever width I set my logo to be in the navbar (using the customizer) it appears at exactly 50% of that width on the webpage. More puzzling, all of the media queries I’m using, I’ve had to set the max-width or min-width to be exactly 150% of what the real widths are I’m targeting in order to get them to work (which I’ve had to discover through trial and error).
Those are both very round (although different) percentages which hopefully means there’s a simple solution but I can’t spot anything in any of the custom CSS or javascript which might have caused this.
I’d appreciate your insight!
DarrenHello There,
Thanks for writing in and the very detailed information. No matter how big is the image logo you have uploaded, it will be reduced because there is a setting in the customizer to have the width of the image logo. You can check it in Appearance > Customize > Header > Logo – Image and set the “Logo Width”. Please keep in mind that the minimum and maximum percentage will still depend on it’s parent container. And this is just limits of the width. The width property will still be followed.
Hope this helps.
- <script> jQuery(function($){ $("#no-reply-1330239 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
