[Resolved] Remove / Change the widget position in Mobile

[Krish]

Hello,

How can i Remove/Change the widget for mobile only? When I adjust, the changes affect the desktop too.

Thanks

[David]

Hi there,

when you add a widget it adds HTML to the page, its not device responsive.

You can use CSS to remove a widget. Which widget do you want to remove ? Can you share a link to where i can see it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Krish]

I want to remove the latest posts widget from mobile. Or change the gap between the widget and the comment button on mobile.

I’ve added a link to one of my posts.

Thanks

[Fernando]

Hi Krish,

Here’s two different codes you can try adding in Appearance > Customize > Additional CSS:

1. Add spacing:

@media (max-width: 768px) {
    .inside-right-sidebar {
        margin-top: 50px;
    }
}

2. Hide:

@media (max-width: 768px) {
    .inside-right-sidebar .wp-container-18.wp-block-group {
        display: none;
    }
}

[Krish]

Thanks

[Fernando]

You’re welcome Krish!

[Author]

Posts