Hi guys, I want to do this to my navigation. i Have the FOCAL theme 11.1
This is how it looks now.
And i want to put a sticker design to the word “urban”. This is an example
Do you know if this is possible?
thnx
MY THEME IS FOCAL.
WEBSITE: WWW.PARUNO.COM
Here is the CSS code. You may put it into Section Custom CSS setting, or in your stylesheet:
.header__linklist [href*=lo-mas-nuevo],
.mobile-nav [href*=lo-mas-nuevo] {
padding: 0 0.5rem;
border-radius: 2rem;
background: red;
border: 0.5rem solid red;
color:white;
}
.header__linklist [href*=lo-mas-nuevo] {
margin-top: -0.5rem;
}
.mobile-nav [href*=lo-mas-nuevo] {
margin-left: -1.5rem;
width: calc(100% + 3rem);
}
.
1 Like
Hi @arivon
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
.header__linklist [href*=lo-mas-nuevo],
.mobile-nav [href*=lo-mas-nuevo] {
padding: 0 0.5rem;
border-radius: 2rem;
background: rgb(30, 34, 170);
border: 0.5rem solid rgb(30, 34, 170);
color: white;
}
.header__linklist [href*=lo-mas-nuevo] {
margin-top: -0.5rem;
}
.mobile-nav [href*=lo-mas-nuevo] {
margin-left: -1.5rem;
width: calc(100% + 3rem);
}
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Sandeep Pangeni
Thank you so much. This worked!!
What about screenshots?
1 Like
Well, I was not 100% right as it looks like mobile navigation is not part of the same section (or any section at all? do not have access to the theme source…).
Looks like you’d need to edit stylesheet to make it work for mobile menu.
Yes i does not work for mobile 
I expected that desktop and mobile navigation will be under the same section. This is not so. Because it’s a paid theme I have no access to its code so there is a possibility of error.
You need to remove the code I gave you from Custom CSS settings and instead go to … => Edit code and paste this code at the very bottom of the assets/theme.css.