Archived topic

Move sidebar to rigt position

7 replies · Started by Lorenzo on December 31, 2020

Viewing posts 1–8 of 8

December 31, 2020 at 2:23 am #1600454

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

Capture page

Look capture

December 31, 2020 at 2:25 am #1600455

Sorry, the capture is not the correct. Good capture

Correct

December 31, 2020 at 5:46 am #1600589

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%;
    }
}

December 31, 2020 at 9:41 am #1600958

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

December 31, 2020 at 12:50 pm #1601059

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 :)

December 31, 2020 at 3:55 pm #1601148

Thank you very much. Is resolved ;)

December 31, 2020 at 4:40 pm #1601158

Sorry, the option css for made responsive the sidebar ?

Thanks

January 1, 2021 at 6:17 am #1601482

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.

This archived topic is closed to new replies.

Start building better websites today.