Button images look ok in designer but are cut off when published

I have social media icons as buttons in columns on the home page. The look as they should in the designer but are cut off when published. The columns also overlap on the phone layout. What am I doing wrong?


Here is how to share your site Read-Only link)

Thats because you set your icon as a background. Just throw the actual image inside the button and it won’t cut it off anymore.

Here is an article on columns and how they work.

If you are new to Webflow and web design in general, I suggest checking out a whole lot of the videos on the university page before continuing. It will save you tons of frustration.

I’ve tried that but it doesn’t let me put an image inside the button. It puts it before or after the button in the navigator, I can’t seem to put it inside the button.

Oh right, you gotta use a link block or an image link. you can apply the same style you’re using to that instead.

Ok, so it seems when I use a link block, put the image in not as a background, I can’t make a rollover action by using the states selector… is there another way?