Docs

[kirk74]

UPDATE to the above

– ABOUT button (which is an anchor on the home page) when clicked again after arriving on that page, it actually is still not correct, it seems to be positioning the grey section at the top of the page and ignoring the nav bar/ top bar (screengrab shows this .. the heading text graphic is partially cut off at the top)

– CONTACT button (which also is an anchor on the home page) – when clicked from another page doesn’t position correctly but instead put the parallax above at the top of the page .. when clicked again once on this page it does position correctly.

There are 2 other anchor link on the homepage that work fine (ABOUT > How Does it work and ABOUT >

… can’t understand why these 2 links are doing this but not the others.. they are setup the same way .. have screengrabs showing the menu links..

Thx!

[kirk74]

Sorry a few more things I have noticed (I am just thinking the more info I give you to diagnose this the quicker / easier it will be your end! 🙂

strange link issue:

HOW TO CHOOSE > Send photo of You – with this link for some reason I had to make it absolute link: http://zookihair.com/wordpress/how-to-choose-yours/#send-photo .. otherwise it kept taking me to the under construction page if I clicked to it from other pages … strange ..

2 more anchor positioning issues:

ABOUT > SEE VIDEO (an anchor link on the homepage), actually has the same error as the CONTACT link – if it is clicked from another page it also doesn’t position at the op, but instead positions halfway through the parallax above it.

HOW TO CHOOSE is it’s own page, but it has an anchor link on that page .. SEND US A PHOTO OF YOU .. if this item is clicked from another page, it also doesn’t position at the top of the section correctly .. it is a little too high and the too padding is cut out

It seems like when these issues occur, it is not positioning the top of the page as below the nav bar / top bar .. but rather it is ignoring these elements and positioning to the top of the page.

Thx

[Christopher]

Hi there,

The reason why I asked you to create two menus is that you could use absolute URL to target one page navigation sections from primary menu too. From a page outside one page navigation like http://zookihair.com/wordpress/shop/, you should use absolute URL to link a menu like about to its section in home page, e.g : http://zookihair.com/wordpress/#about

So please create another menu and set it as primary but this time use absolute URL to target one page navigation sections.

Please add following code in Customize -> Custom -> CSS :

x-flexslider-shortcode-container.with-container, .flex-viewport, li.x-slide {
    height: 400px !important;
    overflow: hidden !important;
}

Hope it helps.

[kirk74]

I’m sorry I am confused.. if I am to use absolute links .. then why wouldn;t I have the one menu.. if links are absolute then they will work anywhere?

I am happy to create more than one menu, but I a afraid I don;t understand exactly why I need to.. and therefore I don’t understand exactly where to use each one..?

Sorry I am not trying to be dense!

And are you saying that all the lining up issues that I am Having are to do with the fact that I don’t have separate menus?

THX! 🙂

[Paul R]

Hi Kirk,

One page navigation was designed to only work in one page where clicking your menu will make page menu scrolls to corresponding sections on the same page.

In your case, you have other pages that is outside your homepage like your shop page – http://zookihair.com/wordpress/shop

If you are in your shop page and your menus have links to #about, #howto, #video, when you click on it, it will try to find the sections with ids about,howto,video in your shop page which doesn’t exist. That’s why you need absolute urls so it will
jump to sections that is in your homepage and not in your shop page.

Hope that makes sense.

[kirk74]

Thx .. I am still really unclear tho whether I shook e creating ONE menu with absolute links .. to creating 2 separate ones?

Important to understand that I actually have 2 pages that have anchor links on them.. HOMEPAGE, as you know.. but also HOW TO CHOOSE.

If I am doing absolute links, would;t I just have one normal menu, with absolute links used throughout, and this should work .. should o to the anchors and also the pages.

I do understand linking well, so I feel that I can easily do this .. but my issue is moreso with the weird vertical positioning I have described… IE why an anchor section sometimes neatly lining p directly under the nav bar and top bar but other times not lining up this way, even though they are coded the same?

While I wait for a reply I am going to try scrapping the one page nav in Cornerstone and just do old school absolute menu and see if that makes everything line up correctly… but any advice very welcomed! As this seems like such a simple thing compared to other much more complicated things I have done with X.. but this is really confusing me!

🙂

[kirk74]

OK I am going to strip this right back and focus on one small issue at a tme so there is no confusion…

I have not down a simple link form the ABOUT buttonm this is the link: http://zookihair.com/wordpress/#about

It goes to the page, BUT you can see that the section is not positioned at the top of the browser like it should be… instead t includes the bottom of the slider and the scroll arrow.

Was this the code that was meant to fix this:

.x-flexslider-shortcode-container.with-container, .flex-viewport, li.x-slide {
height: 400px !important;
overflow: hidden !important;
}

because I have added this code but still problem is there… (NITE – I added a full stop in front of the x-flexslider as I am sure omitting this was a typo

THX

[kirk74]

I think to see what I mean you prob need to actually go in and click around the menu and you will see what I mean .. all the menu items are linking now, but you will see that the top of the section does;t always line up at top of the browser, which I can;t wrap my head around cos pages / section naming is set the same way.

Another VERY quirky thing I have noticed, is the 3 pages that DON’T have anchors (FAQ , SHOP, HOW TO CHOOSE) – if you go the page, and then scroll down, the act of scrolling down makes the breadcrumb bar disappear and to come back?? That is really strange!

Sorry that this is a long thread.. but I think if one of you just quickly hop in and play with the menu you will prob know straight away what is going wrong..? (hopefully)

(Just FYI .. have now turned off once page naive n Cornerstone, and am using standard menu with absolute links)

Thx.

[Friech]

Hi There,

Do you mean you need to offset the navbar, topbar, and a portion of slider when scrolled to the #about section?

Please follow the solution provided here: https://community.theme.co/forums/topic/onepage-section-offset/#post-646057

Hope it helps, Cheers!

[Author]

Posts