Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
hi
I would like to fit my menu within one line on mobile mode. Currently desktop view is fine but mobile view looks like this: anyone could help me with css code? THANKS!
@mathieulenoir - will need to reduce font size, but then they can look squeezed, can you please share this page link?
@mathieulenoir - add this css to the very end of your base.css file and check
@media (max-width: 768px){
.list-no-bullet{padding-left: 5px !important;}
.list-no-bullet .li-item{margin-right: 11px !important;}
}
thanks
the padding is better but font size is still the same...any solution to decrease font size of the text?
@mathieulenoir - replace old code with this one and check
@media (max-width: 768px){
.list-no-bullet{padding-left: 5px !important; font-size: 8px !important; text-align: center;}
.list-no-bullet .li-item{margin-right: 11px !important;}
}
didnt work unfortunately 😞
@mathieulenoir - try this
@media (max-width: 768px){
.link-item{font-size: 10px !important;}
}
it is better but yet cant fit it within 1 line
i guess i will never manage to fit everything into 1 line.
i need to find another solution..
thanks for helping out though
@mathieulenoir - one line will squeeze the menu items
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025