Parallax and sidebar combination

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 21 replies, 3 voices, and was last updated 9 years by Kyle – SUPPORT.

Viewing 15 posts - 1 through 15 (of 22 total)

1 2 →

Back to forum

Posted in: Dante
October 28, 2014 at 6:53 pm #123816

msc-val
Member

Post count: 71

Is there a way to combine the right sidebar underneath a parallax that is on the top of the page? The issue when I try to do that is that the sidebar element overlaps the parallax which, as a result, doesn’t extend to the edge of window.
Thank you

Attachments:
You must be logged in to view attached files.

October 29, 2014 at 8:47 am #123996

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

If the parallax is added in the page content area then no, this is not possible. However if you use a fancy heading then the sidebar will be displayed below 🙂

– Kyle

October 29, 2014 at 3:27 pm #124181

msc-val
Member

Post count: 71

Thanks Kyle for your reply.
I added a heading background image that gets cropped. How can I control the height of the fancy header so that doesn’t happen? Is it possible to have it open at 75% the height of the browser window?
Thanks again for your help.

October 29, 2014 at 3:32 pm #124186

Kyle – SUPPORT
Moderator

Post count: 35880

You got a link so I can check?

– Kyle

October 29, 2014 at 6:16 pm #124246

msc-val
Member

Post count: 71

This reply has been marked as private.

October 30, 2014 at 8:32 am #124385
Kyle – SUPPORT
Moderator

Post count: 35880
Add this to your custom css:
```
.page-heading.fancy-heading {
  padding-bottom: 160px;
  padding-top: 160px;
}
```
– Kyle
October 30, 2014 at 12:48 pm #124477

msc-val
Member

Post count: 71

I added that to the custom css but it didn’t change anything.
I was hoping the solution would be percentage based not pixel based so that the maximum image heading height is 75% of the browser window that it’s open in.
Any help is greatly appreciated.
Thanks!

October 30, 2014 at 12:50 pm #124478

Kyle – SUPPORT
Moderator

Post count: 35880

You’ve added a space between the two selectors, it should be:

.page-heading.fancy-heading

– Kyle

October 30, 2014 at 2:52 pm #124532

msc-val
Member

Post count: 71

Got it. How about percentage based instead of pixel based?

October 30, 2014 at 2:56 pm #124533

Kyle – SUPPORT
Moderator

Post count: 35880

Just change the px to a percentage

– Kyle

October 30, 2014 at 5:04 pm #124590

msc-val
Member

Post count: 71

Thank you Kyle.

October 30, 2014 at 5:28 pm #124594

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

No problem. Thanks Kyle
-Rui

November 4, 2014 at 4:37 pm #125573

msc-val
Member

Post count: 71

After making the fancy heading background taller, the background and page title disappear quickly before they get near the top of page. What controls the opacity so it doesn’t change to 0 that quickly? Please advise.
Thank you

Attachments:
You must be logged in to view attached files.

November 5, 2014 at 11:24 am #125796

Kyle – SUPPORT
Moderator

Post count: 35880

No fancy heading on this page? http://elmostapha.com/vmag/article/fancy-headline-test/

– Kyle

November 5, 2014 at 1:38 pm #125845

msc-val
Member

Post count: 71

I’ve updated the page to show the fancy heading.
Thanks!
http://elmostapha.com/vmag/article/fancy-headline-test/
Back to forum

Posted in: Dante