[Resolved] Move sidebar to rigt position

[Lorenzo]

Hello, I personalize elementor FLINT SKIN generatepress theme, and i have a problem to move aside / sidebar to float right. I adding css in style.css

#sidebar{
width: 26%;
float: right;
position: relative;
z-index: 10;
padding-bottom: 40px;
}

But is dont work. Look capture

Look capture

[Lorenzo]

Sorry, the capture is not the correct. Good capture

[David]

Hi there,

that pages is a buddypress template – you can try this CSS:

@media(min-width: 769px) {
    .buddypress-wrap .wrapper {
        display: flex;
    }.buddypress-wrap .wrapper #content {
        flex: 1;
    }
    .buddypress-wrap .wrapper #sidebar {
        margin-left: 40px;
        flex: 0 0 26%;
    }
}

[Lorenzo]

Hello, thank you for your help. I have added the code in /wp-content/themes/generatepress/style.css and after in /wp-content/themes/generatepress/buddypress/css/buddypress.css
But is not working.

Thanks agian for your help.

Capture

[Tom]

Hi there,

Making changes to the core theme folder isn’t a good idea, as you will lose those changes when you update the theme.

Instead, try one of these methods: https://docs.generatepress.com/article/adding-css/

Let us know 🙂

[Lorenzo]

Thank you very much. Is resolved 😉

[Lorenzo]

Sorry, the option css for made responsive the sidebar ?

Thanks

[David]

I updated the CSS here:

https://generatepress.com/forums/topic/move-sidebar-to-rigt-position/#post-1600589

it will only apply to larger screen devices now.

[Author]

Posts