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

Home Forums Support [Resolved] How make a block which replace right sidebar to stay sticky on scroll?

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

Viewing 9 posts - 16 through 24 (of 24 total)
  • Author
    Posts
  • #1916206
    Brajmohan Kumar

    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!

    #1916379
    David

    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

    #1916430
    David
    Staff
    Customer Support

    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?

    #1916438
    Brajmohan Kumar

    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!

    #1916531
    David
    Staff
    Customer Support

    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 ?

    #1916840
    Brajmohan Kumar

    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!

    #1916860
    Ying
    Staff
    Customer Support

    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.

    #1918000
    Brajmohan Kumar

    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!

    #1918023
    Ying
    Staff
    Customer Support

    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

Viewing 9 posts - 16 through 24 (of 24 total)
  • You must be logged in to reply to this topic.