Site Looks Terrible on iPad

Site URL: https://www.thebigromance.ie/

Hey all, 
Forgotten how to do this.
I have set mobile breakpoint to 6000px (as client wanted to use a hamburger menu on desktop)

However, I want to be able to set tablet to mobile (as desktop padding settings look really bad on an ipad)
Could someone help me to force tablet to view the site in mobile mode? 

Thanks


https://www.thebigromance.ie/

Any help guys?

You mean stack all elements on tablet? Also can you share link to page in screenshot?

Hi all,

I have the same question. At 1024px, I'd like my elements to stack the way they do starting at 767px. I've tried doing it using both block IDs and collection IDs with this code:

@media screen and (max-width:1024px) {
#block-yui_3_17_2_1_1604945843514_49007, #block-yui_3_17_2_1_1604945843514_39257 {
    width: 100%;}
}

or

@media screen and (max-width:1024px) {
#collection-5f4afc600f239b75b2a096cb7 {
    width: 100%;}
}

but none of it seems to be working. Any support is appreciated!

Website is innersourcehealing.org.

Thanks!

Kacia

On 12/1/2020 at 3:41 AM, Kacia said:

Hi all,

I have the same question. At 1024px, I'd like my elements to stack the way they do starting at 767px. I've tried doing it using both block IDs and collection IDs with this code:

@media screen and (max-width:1024px) {
#block-yui_3_17_2_1_1604945843514_49007, #block-yui_3_17_2_1_1604945843514_39257 {
    width: 100%;}
}

or

@media screen and (max-width:1024px) {
#collection-5f4afc600f239b75b2a096cb7 {
    width: 100%;}
}

but none of it seems to be working. Any support is appreciated!

Website is innersourcehealing.org.

Thanks!

Kacia

Can you describe in detail your problem?