senecabryson

@bangank36 Never mind! I put the code in the Home header instead of the main CSS area...problem solved 🙂 I appreciate you!

@bangank36 We are getting there! I need the = to be black on all of the other pages. Is there a way to make the code apply to the homepage only? Thank you for your help!

Site URL: https://www.debrarbryson.com Hi Everyone, Would someone be able to help me write some code to make the hamburger lines white instead of black on the home page? I tried the below, but it didn't work. button.header-burger-btn.burger { color: white !important } Also, please note: could you make the code apply to this page when the hamburger is in = format, not X too when you click on it? My mobile menu background is white so it will disappear if both are changed to white. Thank you!

@tuanphan Perfect!! Thank you so much.

Hi Again, I needed to swap out the photo I used in the example above for a new one, but something happened. Now there is a big blank space where the image used to be. I can't figure out which line of my code is doing this. Can someone help? URL: https://debrarbryson.com/about-me PW: debrarbryson Also, this is the hyperlink to the image I am trying to put in the blank space (uploaded in my custom files): https://static1.squarespace.com/static/5fda74d2609d110fc83247da/t/614ce1523db75c5b7813f553/1632428370991/debra-r-bryson-austin-therapist-portrait-about-me.jpg

Thank you so much!

Site URL: https://debrarbryson.com/about Hi Everyone, Do you know if it is possible to move the image block right under "I'm Debra, it's nice to meet you." on mobile only? I attached a screenshot below. I'm afraid it looks a little silly when the picture is at the very end of the text block like this. The text "I'm Debra, it's nice to meet you." is in the same content block as all the text below it, so I'm not sure if I need to create a separate block for the "I'm Debra, it's nice to meet you." so code can be written to scoot the image block between that and the text below it. Please let me know if I need to do anything or how I can help better explain! I appreciate all help in advance. P.S. I currently have code in there that makes the image appear after the text block, so if that gets in the way, please let me know.

Thank you, very much!! You solved it! I am so grateful.

Hi again, the issue is on mobile. See how there is a bigger space between these two and the other bullet points?

@tuanphan Yes, here you are! https://debrarbryson.com/counseling It is in the "Areas of Specialty".

Hi there, Thank you for the kind words and for your help so far!! To confirm, you mean the code should read as (below), correct? @media only screen and (max-width: 640px) { #block-7a058481c514be946cbe + .sqs-row .span-4 .sqs-block-html { padding-bottom: 0 !important; padding-top: 0 !important; } } @media only screen and (max-width: 640px) { #block-f05d08118fb70cb03843 + .sqs-row .span-4 .sqs-block-html { padding-bottom: 0 !important; padding-top: 0 !important; } } If so, it doesn't seem to be working. It spaced my three columns out as they were initially (please see attached screenshot). Did I do something wrong? I appreciate you!

Site URL: https://bell-chartreuse-bjb8.squarespace.com Hi there, I followed the custom code from this hyperlink in a forum discussing removing the space between three text columns on mobile (hyperlink here - https://forum.squarespace.com/topic/176393-removing-space-between-inline-text-blocks-on-mobile-devices/ ) On the "Counseling" page of my site, this worked for the "Types of Therapy" section, but not the "Areas of Specialty" section. Please see pics below; see how there is a weird extra space between "Grief & Loss" and "Health & Wellbeing"? My code for the two is the exact same, just replacing the correct block names. The first is Areas of Specialty" and the second is "Types of Therapy". Can someone please help? Thank you so much!! @media only screen and (max-width: 640px) { #block-04f95f1e5c457dbd500d + .sqs-row .span-4 .sqs-block-html { padding-bottom: 0 !important; padding-top: 0 !important; } } @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1620145720582_26728 + .sqs-row .span-4 .sqs-block-html { padding-bottom: 0 !important; padding-top: 0 !important; } }