jennypetit

18 minutes ago, WCFS said:

Site URL: https://www.hellosugardonuts.com/

For some reason my custom fonts aren't showing up on mobile. I've tried looking for solutions from similar threads and tweaked a handful of things but I'm at a loss. Any help would be much appreciated.

Website

Custom code:

 

I see a mistake that might help it shouldnt say

       src: url('FontURLhttps://static1.squarespace.com/static....

try removing the FontURL and leave just the link 

2 minutes ago, WCFS said:

Site URL: https://www.hellosugardonuts.com/

For some reason my custom fonts aren't showing up on mobile. I've tried looking for solutions from similar threads and tweaked a handful of things but I'm at a loss. Any help would be much appreciated.

Website

Custom code:

 

same here i wish intead of posting the solution which usually is the fixed code they will say the how to fix it I´ve come across this issue before and stil cant remeber what is the issue as the code looks like yours

mine is not showing neither ive revise the code but cant see the fault 

@font-face { font-family: Zephyr; src: url ('https://static1.squarespace.com/static/62ea4b8491cb2a37cd0d6811/t/62ea5c1ec96b280410b563b6/1659526175344/Zephyr.otf');}

H1, h2, h3 {font-family: Zephyr;}

@font-face { font-family: ParisScript-Regular; src: url ('https://static1.squarespace.com/static/62ea4b8491cb2a37cd0d6811/t/62ea5d9f8e042a78b197d460/1659526559339/ParisScript-Regular.otf');}

H4, {font-family: ParisScript-Regular;

21 hours ago, creedon said:

You have syntax errors in your code. Please use the following.

@font-face {

  font-family : abigate-desgo;
  src : url( https://static1.squarespace.com/static/626adf006a62bf121594b38e/t/626bf5dd359672240edd77ba/1651242461593/abigate+desgo.otf );
  
  }

h1,
h2

  {
  
    font-family : abigate-desgo;
    
    }

@font-face {

  font-family : Lestina;
  src : url( https://static1.squarespace.com/static/626adf006a62bf121594b38e/t/626aee5bb4c1367b5b1ab696/1651175027031/Lestina-Regular.ttf );
  
  }

h3 {

  font-family : Lestina;
  
  }

Let us know how it goes.

Thank you that worked

On 2/7/2021 at 8:57 AM, tuanphan said:

@thebergdesign Add to Design > Custom CSS

/* Mobile buttons */
@media screen and (max-width:767px) {
div#page-section-5fcf792b14319a51dc3334cc .span-12 .row .span-6 {
    width: 50% !important;
    float: left !important;
}

}

 

I have a similar issue with the buttons not displaying under the images 

i will like as follow:
text (1:1 session/reiki/massage)
image 
button 

at the moment is 
text
image
text
image 
tex 
image 
button
button
button

https://elsa.squarespace.com/
password: elsa

11 hours ago, creedon said:

@jennypetit

Your site is private.

Please set up a site-wide password.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Just now, jennypetit said:

oh hey sorry just done that password: elsa

lots of people having same issue i've revise the code 1000 times and im sure it must be an issue with squarespace blocking from the editing option 

this is my code can anyone help?

@font-face { 
  font-family:'abigate';
  src: url  ("https://static1.squarespace.com/static/626adf006a62bf121594b38e/t/626af052359672240ec20bcb/1651175506245/abigate+desgo.ttf")}

h1, h2 {font-family:'abigate'!important;}

@font-face { 
  font-family: 'Lestina'; src: url ("https://static1.squarespace.com/static/626adf006a62bf121594b38e/t/626aee5bb4c1367b5b1ab696/1651175027031/Lestina-Regular.ttf");}

h3 {font-family: 'Lestina'}

i can see the second font but not the first one 🤷🏽‍♀️

https://elsa.squarespace.com/

yes that will be great. sorry having some laptop issues and was getting fixed. can we do that text under she just wants the image centered.

On 8/14/2021 at 10:58 PM, tuanphan said:

Hi. Like this or?

ill like just the image of her on movil and the text to be readable on the left i try with setting max width but is no working.

Hi @tuanphan I have the same issue but i have 2 images in the banner and will like the main image of her to be align in movil with the text on the side but the code im trying is no working and no sure how to move the text in movil to de side

iliafrancis.com

19 minutes ago, tuanphan said:

You want, on mobile, image-text-image-text or text-image-text-image?

i want image text, image text like the ones above squarespace should really figure this one out always happens when the image is on the right 
thank you

Hi @tuanphan i have the same problem in this section https://www.jennypetit.com/letsdesign#packitup

thanks in advance 

6 hours ago, tuanphan said:

You mean this section?

yes this section

also sense you are here could you please help me make smaller the gallery carrusel on the top  /home page. thank you millions you life saver

1 hour ago, tuanphan said:

I see fine here. Do you still need help?

oh yes it works it wasn´t showing me. how can i do the same on the recipes section? on other page i coppy the collection reference and swap it for the page number in the code but that was a bad guess :) https://www.nest-wellness.com/shoppage

On 11/3/2020 at 4:00 PM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-5cf740fd6785790001c202a7>.row:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
}
}

 

I chagned something underneith and now the code is no working is it the row?

On 4/24/2020 at 11:06 AM, tuanphan said:

@media screen and (max-width:767px) {
/* ambienti */
div#block-yui_3_17_2_1_1587201576001_10935+.row {
    display: flex;
    flex-direction: column-reverse;
}
}

 

hi!1 i tried this with mine but is no doing anything i obviously changed the block id but nothing 

https://nest-wellness.com/home

Im trying to get her image to pop before text in mobil 

thanks 

align with name and email sorry i should have  said

@rwp that worked thanks a million how do I align the button too 

will that be soemthing liek this?

[data-form-id="5f095b98687d657c9e7696fb"] .form-item button{
    flex:0 48%;

3 hours ago, tuanphan said:

Incorrect password

One

oh I´M so sorry i´m in an other web sorry is this one

https://sarahernandezpsicologa.squarespace.com/

password: One 

aw i wanted it for the home page sorry should have said 

3 minutes ago, emworkshop said:

Thats perfect @rwp Thank you so much!

did it work for you the code?

29 minutes ago, rwp said:

Did you put it in design -> custom css?

Yes! but still nothing happened

15 hours ago, rwp said:

[data-form-id="5ef104cf248f58611c7849aa"] .field-list.clear {
    display: flex;
}

[data-form-id="5ef104cf248f58611c7849aa"] .form-item.field.email {
    margin-left: auto;
}

[data-form-id="5ef104cf248f58611c7849aa"] .form-item {
    width: 48%;
}

 

 The code is no doing anything i try  in the css and adddign a code box under the form and nothing happens 

15 hours ago, tuanphan said:

You can use JavaScript to clone left menu, then append it to right.

Then use CSS to hide half of items in both menus.

wow seams well complicated is for a client so i might have to pass I´m not sure how to do java script 

but if you think is no that complicated ill apretiate your help tho I think many others might find this helpfull

Thanks