Hello, I have read numerous solutions for this and yet I continue to be unable to solve it. I have implemented a custom font on my desktop view. I can't seem to get it implemented on the mobile view. I have verified that the custom font is actually loading correctly and not just pulling it off of my own files (had a friend check their view of the website). (I loaded it into assets, I have a @font face solution for it with the proper URL. All of which works on desktop.) I am hoping to find a solution that will maintain even if I duplicate the theme (So preferably ***not*** one that takes the code from the inspect view. Hoping there is a custom CSS solution or one I can implement inside of the code).
I have implemented a Header on the mobile view rather than the text box. (I have been unable to determine what size that header is. I know the desktop is h2, I have tinkered with several different header sizes on the mobile (trying to change their font, color, and size) with no luck.
I have a very minimal understanding of how to work in Shopify, so I'd appreciate solutions aimed at noobs. I feel like perhaps the solution is combined in understanding the media read and the min/max, but my experiments with that have failed and my understanding of how they are functioning is poor and likely incorrect. If your solution involves adjusting those, it would be great if you could explain how they work. I assumed that the you do a media read on the desktop banner with a min size that is one larger than the max of the media read on the mobile, but when I tinker with trying to do that, it either doesn't fix my problem or my functioning desktop banner or custom CSS stops working properly for the desktop (my most recent attempts don't break the desktop version, but they don't improve the mobile version). I am guessing that if I could figure out the header size of the mobile banner that would be beneficial (it is whatever size defaults in when you add a banner to the mobile). I did find where there was a descriptor in the inspect view of the mobile that seemed to be about the mobile banner that read: shopify-section-template--16916345913462__image_banner_D6RreB, but again, that's a solution that seems like it would not continue over if I duplicate the theme or perhaps even if I change my mobile banner. (Side note: having done so numbeous times, my ID is showing the same for the desktop and mobile views in any case.)
I would love to learn to fish rather than to copy and paste. I have been trying very hard to teach myself how to reason through this. Thank you
