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

Mobile Responsive Headline Text


Inspyre03

Question

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!

 

Screen Shot 2021-07-07 at 7.42.55 PM.png

IMG_4516.PNG

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0
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!

 

Screen Shot 2021-07-07 at 7.42.55 PM.png

IMG_4516.PNG

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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/

hawkcustomhomes.com-02-min.png

3. (Mobile – Footer) Contact us hides the text behind.

https://www.hawkcustomhomes.com/

hawkcustomhomes.com-03-min.png

4. (Tablet – Footer) Logo is overlapped, text is cut to the next line.

https://www.hawkcustomhomes.com/

hawkcustomhomes.com-04-min.png

5. (Tablet – Homepage) Reduce space between button Learn more and text of Services.

https://www.hawkcustomhomes.com/

hawkcustomhomes.com-05-min.png

6. (Tablet – Team) 4 text columns look a bit small, do you want to change to 2 text columns.

https://www.hawkcustomhomes.com/team

hawkcustomhomes.com-06-min.png

7. (Tablet – Contact) Increase text width?

https://www.hawkcustomhomes.com/services-contact

hawkcustomhomes.com-07-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...