Pique Theme: one picture for two panels be continuous

  • Unknown's avatar
    whitfrancene · Member ·

    I really want to use ONE picture of my partner and I together (the picture on there right now is a filler) and have it be continuous as you scroll down from the top of the home page to the About panel. I’ve uploaded the same picture for the home and about pages, and sometimes it looks like it is already in the way that I want, but on other screens the picture is duplicated.

    I notice that when the screen gets smaller (shrinking the window or using other devices with smaller screens) the picture separates and turns into individual pictures for each of the two panels.

    The blog I need help with is: (visible only to logged in users)

  • staff-loquaciousloon · Staff ·

    The background images on Pique are fixed on large screens, and scroll on mobile screens – since you’ve used the same image on the first two panels, they line up on large screens and look like the same image.

    You could try this CSS to recreate the fixed effect on mobile (just for those two panels)

    .post-50 .pique-panel-background,
.post-54 .pique-panel-background{
    background-attachment: fixed
}

    Let me know how it goes!

  • The topic ‘Pique Theme: one picture for two panels be continuous’ is closed to new replies.