Shopify themes, liquid, logos, and UX
Hi @oliverun,
You can try this code for menu alignment
1. Go to Online Store-> Theme->Edit code
2. Asset-> styles.css ->paste the below code at the bottom of the file.
@media only screen and (min-width: 768px){
.site-control.nav-inline-desktop .site-control__inline-links{
margin-left: auto;
}
}
To change the icon please go to the heade.liquid file and find the code that says like that
{% render 'icon-NAME-OF-ICON' %}
you can replace that code with the Words you want.
If you are comfortable with code editing you can share the header.liquid code here so I can edit that.
Hello, thank you very much for your answers. I am going to put them into practice to see if I can make the changes. Thank you very much for your time.
Hello @oliverun
Please could you share your Site URL so that I can review it?
Hello, thank you very much for your answers. Here is my website, www.uncommonnomads.com password: marisaestaoculta, thank you very much for your time.
Hello @oliverun
I have checked your second query
2. How can I replace the glass and cart icons with the words SEARCH and CART?
Go to the online store >Theme>Edit code>Assets >styles.css
.site-control .site-control__inner .nav-search svg {
display: none !important;
}
.site-control .site-control__inner svg {
display: none !important;
}
.site-control .cart div {
display: none !important;
}
.site-control.icons .site-control__inner a .text-link {
display: block !important;
}
.site-control .cart {
right: 10px !important;
}
.site-control .site-control__inner a, .site-control .site-control__inner .disclosure__toggle {
display: unset !important;
}
I think we almost have it, the issue is that it gets out of order and we lose the language selector icon (the little arrow), I would like to keep it, I attach a screenshot. Thanks a lot 🙂
Hello @oliverun
Please add proper this property:-
.site-control .cart div { display: none !important; }
.site-control.icons .site-control__inner a .text-link {
display: contents !important;
}
if it will be helpful please like and accept solution.
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