Shopify themes, liquid, logos, and UX
Hi,
Theme : Warehouse
When I this code the fotter is Changing
<style>
@media screen and (min-width: 990px) {
.list--unstyled{
display: flex;
justify-content: center;
align-items: center;
}
.nav-bar__link{
font-weight: 900;
}
}
</style>
When i use the below code all are going to the center :
@media screen and (min-width: 1000px) {
.nav-bar {
font-weight: 700;
text-align : center;
}
}
when i use this code as well:
<style> .nav-bar .nav-bar__linklist{ text-align: center; } </style>
can anyone help us please
Solved! Go to the solution
This is an accepted solution.
.nav-bar .mega-menu {
text-align: left !important;
}
Can you add more code @lesriches
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hi @lesriches
Could you share the store URL and password?
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hi @lesriches
Make a slight change to ensure that the CSS only affects the Header and not other components. It looks like this
<style>
@media screen and (min-width: 990px) {
#mobile-menu .list--unstyled{
display: flex;
justify-content: center;
align-items: center;
}
.header .nav-bar .nav-bar__link{
font-weight: 900;
}
}
</style>
If it's helpful, please like and mark it as a solution, thank you
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
the above does not work for me
Store Url : https://lesriches.co.uk/
password : admin@les
@lesriches - can you please share this page link?
@lesriches - please add this css to the very end of your theme.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> theme.css
.footer__title{font-weight: bold;}
Hello @lesriches .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
- Here is the solution for you @lesriches
- Please follow these steps:
- Then find the base.css or theme.css file.
.footer__title[disabled], .footer__title {
font-weight: bold !important;
text-align: center !important;
}
.footer__link-item {
text-align: center !important;
}
- Then add the following code at the end of the file and press 'Save' to save it.
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
hi,
i need the code for the header menu, which does not effect the footer .
thanks
Can you try this code @lesriches
.nav-bar__link {
font-weight: bold !important;
}
.mega-menu__column {
text-align: center !important;
}
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hi ,
i need only the highlighted menu in center
thanks
.shopify-section-group-header-group .header+.nav-bar .nav-bar__inner .container {
text-align: center !important;
}
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
@lesriches like this?
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
.nav-bar__link {
font-weight: bold !important;
}
.shopify-section-group-header-group .header+.nav-bar .nav-bar__inner .container {
text-align: center !important;
}
Can you try this code @lesriches
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
hi,
can you please have look the screen short i dont want the highlited one in the middle ,
thanks.
.nav-bar__link {
font-weight: bold !important;
}
.shopify-section-group-header-group .header+.nav-bar .nav-bar__inner:first-child {
text-align: center !important;
}
Can you replace to this code @lesriches
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
hi,
Still in the no change when i replace with above code.
thanks.
This is an accepted solution.
.nav-bar .mega-menu {
text-align: left !important;
}
Can you add more code @lesriches
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Thanks It's Working
Glad to help you. Have a good day.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024