Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Can i “set” such an effekt (left side stay – scroll)

  • Can i “set” such an effekt (left side stay – scroll)
    With the Blockbuilder? = I need to customize the left side with Buttons, etc.
    https://capture.dropbox.com/N4DFTZVSt6TDsnEX

    Thank your for looking it up – Jenny

  • Hi there,

    Do you mean to achieve the sticky right section effect like on the Gallery archive page? If so, the easiest way is to copy the Gallery page and customize it since it already has the effect you desire.

  • it should look linke, but i have to style the left side (like build in the Blockbuilder with Buttons, etc.) so i can`t use the settings from the Gallery-page.

    Can you have a look again?

    Thanks a lot, πŸ™‚
    Jenny

  • It’s sticky by default, you just need to add more content to it so it can scroll.

  • πŸ˜‚ o.k. i see – thanks Ying!

  • No Problem πŸ™‚

  • Ying πŸ™‚ My customer wishes the Logo in the middle – even when its sticky. Can you help me?

  • Could you provide a link to the site?

  • Shure πŸ™‚ in the private area.

  • Try this CSS:

    .navigation-branding,
    .site-logo {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 200;
    }
  • Thank you Alvind,

    Desktop is fine, mobile i have 2 new issues

    > Logo in – Notsticky – Header has to much Padding
    > Than is the – Sticky-Header – Logo to tall (it hasn`t the right relations)
    > and the Mobile Icon should be left.

    > at last i want have the mobile icon – Black.

    Maybe we can solve the first 3 issues at once? πŸ™‚
    https://capture.dropbox.com/UfMuDczvTLSNzOOI

    Thanks a lot for looking it up 🌻
    Jenny

  • Your logo is too long on mobile, you need to use a very small logo on mobile, is that acceptable?

    To only set the logo center on the desktop, add a media query to Alvind’s CSS:

    @media(min-width: 1025px) { 
    .navigation-branding,
    .site-logo {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 200;
    }
    }
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.