A user is experiencing a mobile page width issue on the Dawn theme where a button or element appears disproportionate on mobile devices, creating layout problems.
Proposed Solutions:
@media screen and (max-width: 768px) { button { width: 100%; } }Current Status:
The discussion remains open with one community member offering to investigate further once the site URL is shared. The issue has not yet been resolved, pending additional information from the original poster.
Dear admins,
I am struggling to find a solution of how to fix this problem on dawn theme. Photo is attached:
As you can see below at the photo bottom there is this width problem that occurs on mobile devices. it makes it not proportional. Any solutions? Thanks very much!
Hello @Animentasy ,
Pick the id/class of the button and use media query to make it 100% or as you need.
You can read here how media query works.
e.g. your code will be like
@media screen and (max-width: 768px) {
buton{
width: 100%;
}
}
Thanks
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.