Altitude Pro – Code relating to Slider in section 1 affects section 2

[ItsJustMe]

To all here who are generous enough with your time and knowledge, thank you, thank you!

I don't know the best way to explain what it is that I'm seeing and struggling with, so bear with me.

I've just started working on a project, and may be tackling the most challenging piece first (let's hope!). Using Altitude Pro, I've got the Soliloquy slider working in the front page 1 section widget area, but I'm finding that the custom menu link to section 2 isn't honoring its own space, but is somehow trying to also be part of section 1. (When I inspect and hover over the header of #front-page-2, I see that it's also highlighting the slider area above it.) All other menu links go to the proper location, but if you're toward the bottom of the home page and click on the "Section 2" menu link, it actually brings you back up to the slider, passing right past the section it's supposed to go to.

I barely know enough to be dangerous, and I definitely don't know enough to understand what it's doing here or why.

Any thoughts/insight?

Here's my working area link:

http://virtual-way-station.com/lordos/

[frobn]

I had a similar problem on with a different theme and different slider. The height of the slide is not recognized past front-page-1. I tried various fixes the only one that worked for me was to add a padding-bottom which needs to be adjusted for different media points.

Here is a partial solution similar to what worked for me:

Add to your css:
.front-page-1 {padding-bottom:1900px}

This will work on large screens but needs to be adjusted for smaller screens.

[Victor Font]

The problem you are experiencing is due to the fact that the height of the front-page-1 div is 0px. It is 0 because the slider isn't rendered in the document object model (DOM) until the page is fully loaded. Create a class for .front-page-1 and set it's min-height to 724px (the same size as the slider) and your section 2 link will work.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[ItsJustMe]

Victor, you are my hero for the day! Y'know... At one point I had actually thought something like that may be the issue, and had tried to study the code to get a sense as to what was happening and why. (I sorta get it, but have a difficult time stepping back to see all of the parts and their role in the big picture.) I think I even at one point added a min-height line in there, but the other css modifications that someone else has recommended, and that I'd already made (before turning here), were apparently overriding or otherwise negating the effect. (I just really wasn't understanding why these other modifications would be needed, and apparently they're not!)

I guess I need to start listening to my logical self more and be more careful when looking/listening to others who seem to position themselves to be more of an expert than I.

Thanks again!

[Author]

Posts