FROM CACHE - en_header
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!

Flex theme - Make main menu links into buttons

New Member
2 0 0


I'm trying to figure out how to change the main menu links ( ) into buttons similar to this

Reply 1 (1)
New Member
2 0 0

So I spent the last couple hours teaching myself css and basically figured it out (for the most part), so for anyone wondering:

background-color: #ffffff;
border-radius: 1px;
border-top-style: solid;
border-color: black;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 20px;
-moz-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);


The skew basically just gives it that shape, so you can remove "skew X" strings if you want a normal rectangle.