Hi. I’m fairly new to Webflow. I’ve set up my site but have a couple of problems, the main one being that when I narrow the width of my screen the circular icons at the top become too close together and actually overlap. When the width becomes even narrower the issue is solved as the page then changes to my ‘tablet’ design, which has smaller icons and a different layout.
The solutions I can imagine would work are:
the circles get smaller as the page gets narrower - I’ve tried setting a maximum width and height and a minimum width and height, but the circles stay the maximum size no matter how tight they become. I’ve tried putting padding between the icons so that when they get too close the size would be forced to change, but bothing happens. I’ve tried changing the sizes to percentages, but only the placeholder is affected and not the images inside them, and when I change the height to 100% percent they end up with no height at all.
the point at which the design changes to tablet style is altered - this would be a great fix but all the articles I’ve read say that the changing points are fixed.
text on the right moves to below the icons when the page is too narrow - I would love some advice on how to make this happen.
Any advice would be appreciated!!!
Michelle
Here is my site Read-Only: https://preview.webflow.com/preview/lindengraphics-website?preview=f06940e6cabee02f8c92d88a0d3dc7a1
(how to share your site Read-Only link)