Inspyre03 Posted July 7, 2021 Share Posted July 7, 2021 Site URL: https://www.hawkcustomhomes.com Good evening I am having an issue with the homepage layout in mobile. When I review the site in SS editor the mobile view looks great - but when I actually test on my phone the words are out of alignment. I tried adjusting some CSS and the content block itself in the editor but it didn't work. Can someone please help me fix this? Thank you so much! Link to comment
tuanphan Posted July 10, 2021 Share Posted July 10, 2021 On 7/8/2021 at 6:45 AM, Inspyre03 said: Site URL: https://www.hawkcustomhomes.com Good evening I am having an issue with the homepage layout in mobile. When I review the site in SS editor the mobile view looks great - but when I actually test on my phone the words are out of alignment. I tried adjusting some CSS and the content block itself in the editor but it didn't work. Can someone please help me fix this? Thank you so much! Add to Design > Custom CSS /* Mobile design build live */ @media screen and (max-width:767px) { div#block-d5bafe0182631d702f05 h3 { white-space: nowrap !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Inspyre03 Posted July 13, 2021 Author Share Posted July 13, 2021 Thank you @tuanphan You are a tremendous help - don't know what we would do without you! Thank you again! Megan Link to comment
tuanphan Posted July 17, 2021 Share Posted July 17, 2021 On 7/13/2021 at 7:52 AM, Inspyre03 said: Thank you @tuanphan You are a tremendous help - don't know what we would do without you! Thank you again! Megan Hi. Do you need to help with these? Site URL – https://www.hawkcustomhomes.com/ 2. (Mobile – Footer) Some logos are left aligned, one in the center, looks uneven. https://www.hawkcustomhomes.com/ 3. (Mobile – Footer) Contact us hides the text behind. https://www.hawkcustomhomes.com/ 4. (Tablet – Footer) Logo is overlapped, text is cut to the next line. https://www.hawkcustomhomes.com/ 5. (Tablet – Homepage) Reduce space between button Learn more and text of Services. https://www.hawkcustomhomes.com/ 6. (Tablet – Team) 4 text columns look a bit small, do you want to change to 2 text columns. https://www.hawkcustomhomes.com/team 7. (Tablet – Contact) Increase text width? https://www.hawkcustomhomes.com/services-contact Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment