Toothy mobile alignment

Home Forums All Other Themes Toothy mobile alignment

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #158214
    nahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    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.

    #158280
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24866
    • Total: 24866
    Member since: August 16, 2013

    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

    #158291
    nahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    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.

    #158356
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24866
    • Total: 24866
    Member since: August 16, 2013

    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

    #158370
    nahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    Hello Chris,

    Here is the image

    View post on imgur.com

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

    Thanks

    #158550
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24866
    • Total: 24866
    Member since: August 16, 2013

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.