[Resolved] Top Bar font weight different for certain pages

Home Forums Support [Resolved] Top Bar font weight different for certain pages

Home Forums Support Top Bar font weight different for certain pages

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1962494
    Tim

    Hi,

    I want the font-weight to be 400 on all pages for the top bar.

    But on some pages, like single product pages, it’s bolder.

    See attached links.

    #1962522
    Leo
    Staff
    Customer Support

    Hi Tim,

    Have you resolved this?

    The font-weight is exactly the same to me on both pages. Check out this screen capture:
    https://www.screencast.com/t/G0vMFqWqtI

    #1962962
    Tim

    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;
    }
    
    #1963094
    David
    Staff
    Customer Support

    Hi there,

    there is an issue with font loading.
    On your home page the Montserrat font is being loaded, but it is not being loaded on your other page so it defaults to the WorkSans font.

    How is the Montserrat font being loaded ? GP will only make the font requests if that font is used in one of the Customizer > Typography settings. If thats not the case then i assume Elementor is making the font requests.

    #1963099
    Tim

    I see. I selected Montserrat for H6 in the customizer (pretty sure I’m not using H6 tags anywhere anyways so it won’t mess anything up) and now it loads perfectly on the product pages as well.

    Thanks David!

    #1963174
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.