I have been having some issues trying to center the headers for different sections on my main page for mobile,
I used the following code at the top of base.css to center a featured collection header but can’t seem to find any code that changes a collection list on a lower section of the page. This was the code that worked for the featured collection:
@media screen and (max-width: 740px) {
.page-width h1 {
text-align: center !important;
}
}
Also something that is a little confusing to me is when I look at my site on a desktop with mobile view the headings are in the correct place, however when I access my site on my phone through the shopify app, the headers are aligned to the left. any explanation as to why this is would be very helpful.
Thanks in advance!