Disable mobile responsive design for my website

Site URL: https://doceproductora.com

i'm trying to disable mobile responsive design for  my website. My website URL is: https://doceproductora.com

Keep same layout for header,Partners, Redes icons

Is this right?

yes! thanks

On 1/21/2022 at 11:16 AM, doceproductora said:

yes! thanks

 

Add to Design > Custom CSS

/* Mobile */
@media screen and (max-width:767px) {
    /* header */
    .header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
    width: 70% !important;
}
.header-title {
    flex: 50% !important;
}
/* Partners */
div#block-552c427dd67d66b0ebef+.row .span-3 {
    width: 50% !important;
    float: left !important;
}
/* redes */
div#block-62082c7c94cfd6804d5b+.row>.span-2 {
    width: 16.666% !important;
    float: left !important;
}

div#block-62082c7c94cfd6804d5b+.row>.span-8 {
    width: 66.6668% !important;
    float: left !important;
}

div#block-62082c7c94cfd6804d5b+.row>.span-8 .span-2 {
    width: 25% !important;
    float: left !important;
}}

On 1/22/2022 at 1:26 AM, tuanphan said:

Add to Design > Custom CSS

/* Mobile */
@media screen and (max-width:767px) {
    /* header */
    .header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
    width: 70% !important;
}
.header-title {
    flex: 50% !important;
}
/* Partners */
div#block-552c427dd67d66b0ebef+.row .span-3 {
    width: 50% !important;
    float: left !important;
}
/* redes */
div#block-62082c7c94cfd6804d5b+.row>.span-2 {
    width: 16.666% !important;
    float: left !important;
}

div#block-62082c7c94cfd6804d5b+.row>.span-8 {
    width: 66.6668% !important;
    float: left !important;
}

div#block-62082c7c94cfd6804d5b+.row>.span-8 .span-2 {
    width: 25% !important;
    float: left !important;
}}

I'd love some help with this on my site: www.ryanlusteg.com because I would really like to preserve my curation of imagery. Or at the very least be able to control how many columns of imagery are displayed. Thanks in advance! @tuanphan

On 4/12/2022 at 11:58 PM, darque_entries said:

 

Hi,

For homepage only or all pages?

On 4/18/2022 at 1:44 AM, tuanphan said:

Hi,

For homepage only or all pages?

All pages or at the very least be able to make my site work more like this one: https://www.tommedvedich.com/ because I like that it adjusts as the screen gets smaller but it maintains the order of its images better. Hope this makes sense and thank you in advance!

On 4/22/2022 at 1:37 AM, darque_entries said:

All pages or at the very least be able to make my site work more like this one: https://www.tommedvedich.com/ because I like that it adjusts as the screen gets smaller but it maintains the order of its images better. Hope this makes sense and thank you in advance!

On mobile/desktop, I see it currently shows Slideshow. You want to change it to layout same as desktop?

On 4/23/2022 at 11:59 PM, tuanphan said:

On mobile/desktop, I see it currently shows Slideshow. You want to change it to layout same as desktop?

 

I'm not totally following you here, I'm sorry. Can you help me better understand? Many thanks!