Jump to content

2 column in mobile view

Recommended Posts

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

 

47187203_ScreenShot2021-05-18at6_19_10PM.thumb.png.be829764bd3371d7a9a9e5beaf12778b.png1418919615_ScreenShot2021-05-18at6_18_49PM.thumb.png.3d686d6beed5e5f56859e8c7a255ff42.png

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;
            }
        }
    }
}

Link to comment
  • 2 weeks later...
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);
}

 

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

Link to comment
  • 10 months later...
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

Link to comment
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

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

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...

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.