Hi everyone,
Could someone please help me understand the following? I used the suggested code (thank you SeanP!!) and the collection page in my Dell laptop was not showing the collection title, looking like this:
Part of the code provided is this:
#PageContainer {
padding-top: 80px;
}
@media screen and (max-width: 749px) {
#PageContainer {
padding-top: 70px;
}
}
I was under the impression that the first part is for desktop/laptop and the second part for mobiles but the only way I managed to fix the problem was by changing the media screen section from 70px to 90px and now the web page in my laptop computer looks like this:
So I’m confused about the code above, I’ll be greatful if someone can explain why I need to change the media section above to fix the issue in my laptop’s screen.
One more question, the product pages show a capital F at the top left corner like this:
Most probably I typed an extra F somewhere in the code, which of the liquid or css files should I look at?
Thank you very much in advance.
MP