image scaling misalignment issues
-
From time to time we need to force some scaling rules on images or logos. This is because the page grid sometimes forces logos or images to become tiny when the browser is seized to narrow widths.
I can add custom css to force a minimum size to these images, but I am finding that they become misaligned as they scale. For example a centre aligned logo, will slowly drift off centre as the browser is resized. The drift happens because the image width is being overridden, but its positioning is still controlled by Lay’s grid. Is there a way to overcome this?
For paid 1-on-1 Lay Theme Coaching, contact Audrey (audrey@cyberslayers.work) or me (info@laytheme.com).
We also code custom websites or bespoke Lay features. Drop me a line at info@laytheme.com or check out my work at arminunruh.com.
Want to support my work? paypal.me/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
