Hi Leo, no I haven’t.
These are screenshots from my computer, it looks like this using both Chrome and Edge (taken using dev tools mobile emulator, but looks the same in desktop view too):
Front page – properly displayed
Product page – bolder font
And on my phone, looks the same in both Chrome and Safari. However, on my phone the issue isn’t bolder text, but looks like another font altogether…
Front page – properly displayed
Product page – wrong font
This is the code for the top bar widget:
<div style="text-align: center">
<span class="toppbanner">
<a href="/gratis-gave">
Handle for 1000,- eller mer og få en gratis gave! <span style="text-decoration:underline;text-underline-offset:1px;">Les mer</span>
</a>
</span>
</div>
And this is the CSS for the class:
@media (max-width: 350px) {
.toppbanner {font-size: 9px !important;
}
}
.toppbanner {
font-size: 12px;
color: #fff;
font-family: "Montserrat", sans-serif;
}
.toppbanner > a {
color: #fff;
}
.toppbanner > a:hover {
color: #fff;
}