How can I change the individual width of footer columns?

[victorying]

Hi, I'm looking to customise the width of a single column of my footer to look like this: 

At the moment it looks like this:

I think I want the first column to be about 75% of the width but I only want this to apply on a certain breakpoint (desktop breakpoint)

Also ever since I changed to Damn 8.0, there is a grey border around my logo. Is there a way to remove that?

The website link is 

https://www.fredsprovidore.com.au/

and the password is wataff 

Thanks in advance! 🙂

[GemPages · Accepted solution]

Hello @victorying 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before </body>:

<style>
   @media screen and (min-width: 750px){
     .footer__content-top .footer-block.grid__item{
       width: 100%;
     }
     .footer__content-top .footer__blocks-wrapper{
        display: grid;
        grid-template-columns: 3fr 1fr;
     }
   }
</style>

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[victorying]

Thanks so much!

[nadylina]

Hello there,

I'm new here and have same problem
Would you please help me with that too?
I would need to extend the columns form my footer, maybe to move a bit to the right so the first column can fit better, or to enlarge the first column a bit more.

It's crave theme if that can help anyhow.
This is my website for your reference if you can have a look at what I was talking about.
www.winningnaturals.com

Thanks so much !
Nadylina