How make a block which replace right sidebar to stay sticky on scroll?

Hi,

Thanks :)

May I know what is the difference between flex & float?

I tried switching from FLOATS to FLEX but I saw a CSS issue, borders were getting added automatically in the whole sidebar and some buttons.

Thanks!

Maybe adding the border attribute to the CSS with a value of none will help remove the unwanted borders. Under the 'top: 80px;' in the CSS code you mentioned earlier.

border: none!important;

I added the important value in case this value was already specified.

Cheers,
David

The difference between Flex and Float is the CSS properties that GP uses for its layouts and grids.

Flex was introduced in GP 3.0 and as part of that, we also made more CSS optimizations in the theme.... But one thing it should not do is add Borders to things.

Can you provide a link to a page where i can see the Border that only shows in the Flex structure?

Hi,

Okay, so you mean FLEX is a more optimized version of CSS than FLOAT?

See this video:- https://drive.google.com/file/d/1AhXtDVjtfIoDAzqzpf2vU6mXcD6CnHOK/view

URL: https://www.boatengine.com/

The border is appearing on the single blog page and homepage hero "call to action" button. since it's a live site so I can't leave the site with the border for you to check :)

Thanks!

Thats correct Flex is more optimized.

Thats weird, the Theme doesn't have any default border styles on anything other than table and form elements.
If you make the change to flexbox, publish the change and clear any plugin/server caches do the borders remain ?

Hi,

In the video I also showed you by clearing all cache, I don't know if you noticed it or not. Border shows even after clearing all the cache.

Thanks!

Hi Brajmohan,

After watching your video, I inspected the button and the sidebar, both of these 2 elements are built with Elementor, since GP doesn't add border to buttons or sidebars by default, it's more likely added by Elementor.

But it's still very difficult for us to make sure the cause without inspecting the site.

I would recommend creating a staging site.

Hello,

Yes, buttons & a single blog template are built with Elementor. But is it normal to get the border on Elementor built page by changing from float to flex?

Do you want login details for inception? Let me know how can I provide that?

Thanks!

Yes, if you can provide login details we would be happy to take a look.

But we still need it to be flex to see what the issue is.

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information