Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1485014

    Is there a way to Make the 2nd column sticky only on Portfolio Pages.

    So it scrolls down the page when you scroll???

    Screenshot-2025-06-03-104018

    #1485027

    you are talking about the news sites?

    but if there are additonal columns below – what should happen?

    have a look to one of your news pages or the blog page itself:

    .responsive body#top.blog,
    .responsive body#top.wp-singular {
      overflow-x: visible !important;
    }
    
    .responsive body#top.blog #wrap_all ,
    #top.wp-singular #wrap_all{
      overflow: visible !important;
    }
    
    @media only screen and (min-width: 767px){  
      .responsive body#top.blog .sidebar_right .container,
      #top.wp-singular .sidebar_right .container{
        display: flex;
      }
    
      .responsive body#top.blog .sidebar ,
      #top.wp-singular .sidebar{
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 180px;
        align-self: flex-start;
        flex: 0 1 30%
      }
    }

    but that does not work with following sections under the sticky container.

    #1485028

    this could be a nice usage – but the stickyness only belongs to the direct parent container.

    https://webers-testseite.de/sticky-elements/

    Some explanations are shown here:
    https://webers-testseite.de/sticky-sidebar/

    #1485029

    Does not work :-(

    #1485030

    i do not see my css code in your page!

    have you read my post? i told you that it will not work if there are elements below.
    Sticky elements do only hold there place inside the direct parent container. so there must be a column with huge content and the column besides with less height. This could be a sticky element then.

    Insert my code above and look to your blog page: https://institutionofelectronics.ac.uk/news/
    or more impressive then : https://institutionofelectronics.ac.uk/2025/05/30/designing-power-supplies-for-industrial-functional-safety-part-1/
    or did you want something other than a sticky element. e.g. a fixed element, possibly even a draggable element?

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.