2 column in mobile view

Site URL: https://outdoorswelearnmadison.com

Hi! Does anyone know how I could apply CSS to remove the white space in this list in Mobile view? It is in a two-column format, and the space shows from the bottom of first column in mobile. 

Your help is greatly appreciated!! 

22 minutes ago, Casselease said:

Site URL: https://outdoorswelearnmadison.com

Hi! Does anyone know how I could apply CSS to remove the white space in this list in Mobile view? It is in a two-column format, and the space shows from the bottom of first column in mobile. 

Your help is greatly appreciated!! 

 

Hi, you can use below code to get rid from the spacing. simply copy paste below code into CSS editor
@media (max-width: 520px) {
    #page-section-6079eef730a0cf157bbfc577 {
        .span-12 .row {
            .span-6 .html-block {
                padding: 0 17px !important;
            }
        }
    }
}

Thank you so much! I really appreciate it! 

1 hour ago, Casselease said:

Thank you so much! I really appreciate it! 

Your Welcome

Hi! I just saw this! Yes, I'd love to learn how I can increase logo size and change logo color in mobile overlay! Is email best to contact you? @tuanphan

On 5/29/2021 at 2:34 AM, Casselease said:

Hi! I just saw this! Yes, I'd love to learn how I can increase logo size and change logo color in mobile overlay! Is email best to contact you? @tuanphan

You can ask here or email, anything.

Add to Design > Custom CSS

/* Mobile-logo size */
.header-mobile-logo img {
    max-height: 120px !important;
}
/* overlay menu-logo color */
body.header--menu-open .header-mobile-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

Thank you so much, this is super helpful! @tuanphan I appreciate your time! 

On 5/18/2021 at 4:43 PM, Agha_Waqas said:

Hi, you can use below code to get rid from the spacing. simply copy paste below code into CSS editor
@media (max-width: 520px) {
    #page-section-6079eef730a0cf157bbfc577 {
        .span-12 .row {
            .span-6 .html-block {
                padding: 0 17px !important;
            }
        }
    }
}

Heya - this didn't work for me - am I pasting it in the wrong place? Pasted it under "Custom CSS" in Design

On 4/19/2022 at 1:15 AM, himynameiskirsty said:

Heya - this didn't work for me - am I pasting it in the wrong place? Pasted it under "Custom CSS" in Design

Hi. Each site will have a different id. Can you share link to page where you want to add 2 columns? We can tweak the code easier