Container border color only showing on mobile and NOT desktop also. Dawn v11

Technical Q&A
, ,

Topic summary

A user is experiencing an issue where container border colors display only on mobile devices, not on desktop, in Shopify’s Dawn theme version 11. The border also appears only at the bottom of the container.

Proposed Solution:

  • Modify the base.css file by locating the media query @media screen and (min-width: 750px)
  • Change border-bottom to border-top in the .shopify-section styling
  • Adjust the media query breakpoint from 750px to 767px

Current Status:

  • The suggested fix partially works—borders now appear on desktop
  • However, the border color cannot be changed regardless of the hex value used
  • The user reports the issue persists even after implementing the recommended CSS changes
  • The discussion remains unresolved with the user seeking additional solutions
Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Container border color only showing on mobile and NOT desktop also. Dawn v11.

Anyone know how to get the container border color to show on desktop too and only on the bottom of the container.

daved1234_0-1691323923196.png
daved1234_0-1691323923196.png916×277 164 KB

2

Hello @daved1234

Thank you for reaching out to the Shopify community.

Here are the steps:

  1. Navigate to the theme editor Online Store → Themes → Edit Code.

  2. Search for the asset named as base.css, open the file and search for the below code:

Search

@media (max-width: 767px){
  .shopify-section{
    border-top: 3px solid #FB8507;
  }
}

Replace with

@media screen and (min-width: 275px) {
   .shopify-section{
     border-bottom: 3px solid #FB8507;
   }
}

Save the changes and please have a check once. Let me know if this was helpful.

Thanks.

3

Almost works! I can see a border now on desktop but I can’t get the color to change regardless of what color hex value I use??

daved1234_0-1691349966595.png
daved1234_0-1691349966595.png1262×386 144 KB

4

Looks like you have currently removed the CSS and have added it just for the header. Let me know if you are still facing any issues.

5

Hello!

Thank you for your support.

I am still having the issue, even after inserting the code you suggested.

Any other ideas?