Toothy mobile alignment

[nahumpfrancis]

Hello Support,

I have been trying to get rid of some empty space on the right side on mobile devices and it seems not working.

I’m using toothy theme and here is my website link https://www.cloverdaledental.com/

https://imgur.com/undefined

Please see the image and let me know how can I get rid of this empty space.

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo {
    max-width: 280px;
}
}

Regards,
Chris

[nahumpfrancis]

Hey Chris,

It didnt work 🙁 I have changed the values around to see if it helps, all it does changing the logo size but the white empty space on phone still remains the same.

[Forum Moderator]

Hi,

https://imgur.com/undefined
This link isn’t working.

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Chris

[nahumpfrancis]

Hello Chris,

Here is the image
https://imgur.com/LVc6c22

The empty space in the right side, one with the yellow marker pointed on.

Thanks

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
#footer.footer-type3 .rowfooter {
    margin: 0 !important;
}
.sec1-right::after { display:none !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.sec1-right::after { display:none !important;}
}

Regards,
Chris

[Author]

Posts