Jump to content

How to smaller the images in the mobile view so I can see at least 2-3 images in a row?

Recommended Posts

  • Replies 15
  • Views 725
  • Created
  • Last Reply
Posted

With

研究中心, 教師團隊

We will need to change order of 3 images. It will be: Image 2-3 (row 1) - Image 1 (row 2).

Are you agree?

If you don't want this, we will need to adjust some bit in your layout. If you can add me as a contributor, I will take a look.

 

 

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!)

Posted
On 7/7/2021 at 2:10 PM, tuanphan said:

With

研究中心, 教師團隊

We will need to change order of 3 images. It will be: Image 2-3 (row 1) - Image 1 (row 2).

Are you agree?

If you don't want this, we will need to adjust some bit in your layout. If you can add me as a contributor, I will take a look.

 

 

I'd like to invite you to be contributor. please let me know your name and email address. thanks

Posted
On 7/8/2021 at 8:00 PM, hswaldorf said:

I'd like to invite you to be contributor. please let me know your name and email address. thanks

You can use this email. When you're done, please let me know.

Also, you should duplicate the page above, just for backup if I accidentally messed something up.

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!)

Posted
23 hours ago, tuanphan said:

You can use this email. When you're done, please let me know.

Also, you should duplicate the page above, just for backup if I accidentally messed something up.

Done. Please check! Thank you~

Posted
On 7/15/2021 at 10:15 PM, hswaldorf said:

Cool! It looks good. thanks

 

Hi. Do you need help with these?

Site URL – https://www.hswaldorf.org/

1. (Mobile – Homepage) The calendar is partially cut off.

https://www.hswaldorf.org/

hswaldorf.org-01-min.png

2. (Tablet – Homepage) Reduce white space?

https://www.hswaldorf.org/

hswaldorf.org-02-min.png

3. (Tablet – Homepage) Calendar is skewed to the right.

https://www.hswaldorf.org/

hswaldorf.org-03-min.png

4. (Tablet – Footer) Email is cut into 2 lines.

https://www.hswaldorf.org/

hswaldorf.org-04-min.png

5. (Mobile/Tablet – hsnews) Paginations are too close together.

https://www.hswaldorf.org/g1class/xse7tlh00mkqrtv55cp9edmsn8izfs

hswaldorf.org-05-min.png

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!)

  • 2 months later...
Posted
On 7/22/2021 at 5:20 PM, tuanphan said:

Hi. Do you need help with these?

Site URL – https://www.hswaldorf.org/

1. (Mobile – Homepage) The calendar is partially cut off.

https://www.hswaldorf.org/

hswaldorf.org-01-min.png

2. (Tablet – Homepage) Reduce white space?

https://www.hswaldorf.org/

hswaldorf.org-02-min.png

3. (Tablet – Homepage) Calendar is skewed to the right.

https://www.hswaldorf.org/

hswaldorf.org-03-min.png

4. (Tablet – Footer) Email is cut into 2 lines.

https://www.hswaldorf.org/

hswaldorf.org-04-min.png

5. (Mobile/Tablet – hsnews) Paginations are too close together.

https://www.hswaldorf.org/g1class/xse7tlh00mkqrtv55cp9edmsn8izfs

hswaldorf.org-05-min.png

Yes, Please help me to fix point 4 (Email is cut into 2 lines) and 5 (Paginations are too close together).
Thanks!

Posted
20 hours ago, hswaldorf said:

Yes, Please help me to fix point 4 (Email is cut into 2 lines) and 5 (Paginations are too close together).
Thanks!

#4. Add to Design > Custom CSS

/* Tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-yui_3_17_2_1_1621218424212_71440 p {
    white-space: nowrap !important;
}
}

#5. How about replacing pagination titles with Prev/Next text?

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!)

  • 2 weeks later...
Posted
On 9/25/2021 at 8:55 AM, tuanphan said:

#4. Add to Design > Custom CSS

/* Tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-yui_3_17_2_1_1621218424212_71440 p {
    white-space: nowrap !important;
}
}

#5. How about replacing pagination titles with Prev/Next text?

Thanks for #4.

For #5, your idea is good, coz my titles are always too long. Please help me to do it. Great thanks!

Posted
On 10/8/2021 at 8:17 AM, hswaldorf said:

Thanks for #4.

For #5, your idea is good, coz my titles are always too long. Please help me to do it. Great thanks!

Add to Design > Custom CSS

/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !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!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.