calebcoff
-
Posts
6 -
Joined
-
Last visited
calebcoff's Achievements
Level 1 (1/20)
0
Reputation
-
Custom font will not translate to mobile navigation bar
calebcoff replied to calebcoff's topic in Customize with code
Thanks Ziggy - still not working on my end for some reason. Any other possibilities? Thanks for the help. -
I am looking to have my embedded iframe header ONLY appear on my home page. Does anyone know the code to have this done? Here is my current code: <iframe width="100%" height="100%" src="https://xd.adobe.com/embed/a42b60e7-298c-4428-a8a6-c8b95f04e482-f178/" frameborder="0" allowfullscreen> </iframe> Here is my website url: https://www.nikecba.com Thank you!!
-
Custom font will not translate to mobile navigation bar
calebcoff replied to calebcoff's topic in Customize with code
Hey Ziggy, thanks for the response. I tried inputting this a couple of different ways and it still doesn't seem to target my mobile navigation. Here is a screenshot of my mobile preview, still showing in Helvetica -
-
Custom font will not translate to mobile navigation bar
calebcoff replied to calebcoff's topic in Customize with code
Hey Ziggy, my website URL is https://www.nikecba.com , I will PM you the password as it is not live yet. Thanks! -
I have tried countless solutions in order to get my custom imported font to appear on my mobile preview - specifically, my mobile navigation menu. For the life of me, I cannot get my mobile menu to show the custom font. Here is the code I reverted back to, after trying countless code combinations found online: @font-face { font-family: ChakraPetch-Medium; src: url(https://static1.squarespace.com/static/64513a4734c55b0aac949cad/t/6451521b6dd392570c03f9a5/1683051035425/ChakraPetch-Medium.ttf) } header#header *, h1, h2, h3, p { font-family: 'ChakraPetch-Medium'; I would simply like this font to be applied to my entire website - mobile navigation menu included. Any help would be very appreciated. Thanks!
-
I've been searching for answers but can't seem to find a solution here. When I preview my site for desktop, my embedded top header scroll bar appears right below my navigation, as it should. However, when I preview on mobile, the header appears above my navigation bar, with a large padding/empty space surrounding. Here is the code for my embedded header, nothing modified apart from the percentages: <iframe width="100%" height="100%" src="https://xd.adobe.com/embed/a42b60e7-298c-4428-a8a6-c8b95f04e482-f178/" frameborder="0" allowfullscreen> </iframe> The attached screenshot is how my site is appearing on mobile. Any help would be very appreciated. Thanks!!
