Shopify themes, liquid, logos, and UX
I'd like to change the text on my site from menu to OPEN and CLOSE instead of the text MENU which I removed the burger icon and replaced it with. I managed to use an if statment however i couldn't set it as active as my knowledge is novice at best. This is what I currently use in my theme file. My site is www.moore-gaming.co.uk
@media only screen and (max-width: 749px) {
.site-nav__link--burger {
position: relative;
padding-left: 40px;
padding-right: 40px;
top: -2px;
&::before {
position: absolute;
content: "MENU";
bottom: 0px;
left: 0px;
right: 0px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
}
}
}
Solved! Go to the solution
This is an accepted solution.
sorry for that issue please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) { {
.site-nav__link--burger[aria-expanded="false"]::before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .5px;
content: "OPEN";
}
.site-nav__link--burger[aria-expanded="true"]::before {
content: "Close";
}
}
This is an accepted solution.
sorry for that issue please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) { {
.site-nav__link--burger[aria-expanded="false"]::before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .5px;
content: "OPEN";
}
.site-nav__link--burger[aria-expanded="true"]::before {
content: "Close";
}
}
One word. Legend. Thanks mate works a dream.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024