Ok, so I want to make the website icons larger but I want them to still fit inside the background button boxes that are on the site.
Basically, the icons were fine until I needed to add instagram’s. Their logo needs to be bigger in order to be recognized compared to the other two.
https://preview.webflow.com/preview/buona-gente-restaurant?utm_source=buona-gente-restaurant&preview=5aa1d4c1e7135f48ee3529558605e8a0
Please see screenshots and my site link…
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
This is not a specific issue of “social media” icons.
If you set the parent div to be 35px
width/height - and inside icon with size of 100px X 100px
- You get overflow (Overflow | Webflow University) - very simple
One way to solve this:
1
Change this:
2
To this (Return to auto
)
Now the size of the link-block dependent on the size of the icon inside (+ padding/margin and so on. Learn about box-model)
Finish
Related:
1 Like
Thank you so much for this! I am going to watch those links you referenced this weekend.
Thank you so much for showing me this. I was able to do it in less than a couple minutes with your instructions!
1 Like
Add screenshot(where is the problem?) and more details. No way to answer like this.