Shopify themes, liquid, logos, and UX
Hello Dears,
I would lilke to ask your help to add an upper line to my footer menu in mobile version.
I have it for desktop version but it does not appear on mobile, please see below example line.
I would like to put the same one to the location of red dots.
yellow123456789x
Hi @berkeyazer,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file -> Save
@media only screen and (max-width: 767px) {
.footer__column.footer__column--info {
position: relative;
}
.footer__column.footer__column--info::after {
content: '';
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 1px;
background-color: black;
}
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Add this code in your base.css file:
.footer__content-top.page-width {
border-top: 1px solid #00000036;
}
Result:
Don't worry!
Add !important to the style code so that it takes precedence over other CSS styles in the document.
It should be resolved if you do that!
.footer__content-top.page-width {
border-top: 1px solid #00000036 !important;
}
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m 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, 2025