[Haydie]

Hello!
Just wanted you to know that the widget areas #2 and #4 in the footer get an incorrect margin in mobile mode (when they are all stacked on top of each other).

The second and fourth widgets have
margin-left: 4%

The first and third widgets have
margin-left: 0

The following addition fixes it!

@media screen and (max-width: 480px)
#footer-sidebar #supplementary .widget-area {
    width: 100%;
    margin-left: 0;
}

I’ll fix it in my child theme. But it would be nice if it was fixed in the theme!

Best regards Johan

[Sakin]

@Haydie: Thanks we will fixed it in next version update.

[amandac1]

Hello,

I’m having the same issues in the theme Studio. The footer widgets are stacked on top of each other with the incorrect widths in the mobile view. So that I can fix it before the update, @Haydie, can you explain where to paste the code that you wrote in your post?

Thanks

Amanda

[Haydie]

Hello!
I have it in style.css in my child theme.

Though I’m pretty sure you can paste it in
wp-admin / Left menu / Appearance / Theme options / Custom CSS

You can leave the width: 100% out

@media screen and (max-width: 480px) {
    #footer-sidebar #supplementary .widget-area {
        margin-left: 0;
    }
}

Good luck!

best regards Johan (hmmm not Haydie, she’s the license owner, I’m the developer 🙂

[Sakin]

@amandac1: Studio theme is different. We will be fixing it in next version update and also we will be adding more features like Custom CSS, Excerpt Options, Homepage/Frontpage Options, Layout Options, Pagination Options and Search Options.

For now, you can activate https://wordpress.org/plugins/catch-web-tools/ and then go to “Catch Web Tools => Custom CSS” and add the following css:

@media screen and (max-width: 700px) {
    .footer-content {
        width: 100%;
        padding: 20px 0;
    }
    .footer-col {
        width: 100%;
        padding: 20px;
    }
}

[Author]

Posts