Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

  1. Site URL: https://kristelandnic.com/ I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. @tuanphan you probably might know how to resolve this. Thanks in advance!!
  2. Site URL: https://kristelandnic.com/ Hey just reaching out to see if anyone can help with modifying the mobile font sizes on my site. I am using the following CSS modification to the mobile font sizes below but the font-size tag isnt having any effect. Adjusting line-height seems to work just fine. Appreciate any help in advance! @media screen and (max-width:767px) { h1 { font-size: 40px; line-height: 1.3384; } h2 { font-size: 40px; line-height: 1.3384; } h3 { font-size: 50px; line-height: 1.3384; } h4 { font-size: 16px; line-height: 1.5; } }
  3. thanks for you reply @tuanphan I included the above but it looks like the font size isnt having an effect on the mobile h's. line height seems to work fine. looking at inspector, it looks like the media query is adjusting the fonts at a max-width of 1943. Not sure if that has anything to do with the fonts not being responsive. Appreciate your help!
  4. Site URL: https://kristelandnic.com/ PW: 94591 I was able to modify fonts on mobile using the following code. But when I logged back it looks like there is some weirdness going on. @media screen and (max-width: 767px) { body[data-dynamic-font-sizing-enabled="false"] h2 { font-size: 40px; line-height: 1.3384; } body[data-dynamic-font-sizing-enabled="false"] h3 { font-size: 50px; line-height: 1.3384; } body[data-dynamic-font-sizing-enabled="false"] h4 { font-size: 16px; line-height: 1.5; } } Desktop fonts were reading the mobile font sizes. So I deleted the code above and now mobile fonts are reading as desktop fonts. Im not sure if using the above code is the best way of modifying the mobile font sizes so it may have cause some kinda issue. If you refresh the mobile page, you can quickly see the correct font sizing before it jumps back to desktop font sizes. I also seeing this on the mobile text sections which is weird: @media screen and (max-width: 1943px) and (min-width: 0) and (orientation: portrait) site.css?&f…es=false:12 body[data-dynamic-font-sizing-enabled="true"] h3 { font-size: calc(5.55vh + 1rem); Any help is much appreciated!
  5. Site URL: https://kristelandnic.com/ PW: 94591 I am attempting to remove the background images on mobile only for the "Hero" & "The Wedding Party" sections. Right now it just looks like a accidental line through the section. I attempted multiple CSS modifications to no avail. Any help would be much appreciated.
  6. Site URL: https://kristelandnic.com/ Site PW: 94591 Desktop fonts are fine. I feel like I have all the right code/CSS set up but the custom font is only working for P and not H1, H2, H3 on mobile. Any help is much appreciated! @font-face { @font-family: 'NFCarta-Thin'; src: url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e77d03fe8ff44374c22be4f/1584910400105/NFCarta-Thin.otf), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8b9315a3c03356e0608ee0/1586205461101/NFCarta-Thin.ttf), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e77d01de08d1b666d12a4f3/1584910365731/NFCarta-Thin.woff), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e77d039d07f4670779ea5ce/1584910393971/NFCarta-Thin.woff2); } @font-face { font-family: 'apercu-webfont'; src: url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8aa6775803e9387ff9f363/1586144887674/apercu-webfont.ttf), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8aa67fa75db676523aa9bd/1586144895568/apercu-webfont.woff), url(https://static1.squarespace.com/static/5e6861182475ee58a83c927b/t/5e8aa686776c472b7268c0ba/1586144902916/apercu-webfont.woff2); } .mobile-bar-wrapper * { font-family: 'NFCarta-Thiin'; font-size: 24px; } h1 { font-family: 'NFCarta-Thin'; font-size: 120px; } h2 { font-family: 'NFCarta-Thin'; font-size: 175px; } p { font-family: 'apercu-webfont'; font-size: 12px; }
  7. can anyone clarify the step 1? Im not quite sure where to include that information. Steps 2 & 3 I understand. I am trying to have the items in the navigation anchor to different sections of the site.
  • Create New...