Liquid, JavaScript, themes, sales channels
Hello,
I'm trying to figure out how to change the main menu links ( https://demos.outofthesandbox.com/?theme=Flex&style=Fresh ) into buttons similar to this https://gamefuel.com/
So I spent the last couple hours teaching myself css and basically figured it out (for the most part), so for anyone wondering:
a.navbar-link.header__link{
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;
skewX(-10deg);
-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.
User | RANK |
---|---|
21 | |
21 | |
9 | |
7 | |
6 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023