-
Posts
-
Hi there,
I am facing a problem with the enfold theme where #id links that I’ve setup on the main menu aren’t linking properly. When the in-page link is clicked it jumps down below where I have put the #ID
What I have done to counter this is create an empty text box above the tittle that I want it to link to and put the Id there, so that when click the link, it shows a little above the title I actually want it to link to, which is fine. This works fine when the you’re on the same page as the #link pressed is. But when coming from another page, it’s jumping down below the text box I’ve given the title on and even after the title.
The site is disruptivevision.com but the site is not live (behind a coming soon page) Can provide login details by mail. This site is meant to go live today so please help out as soon as possible.
What I have
I below are two images that demonstrate the problem. The first is when I click the link on the same page, and the other when coming from another page.
http://i.imgur.com/4psqHrx.jpg
http://i.imgur.com/XPJyEL2.jpg
Please help!!!
Hi Josue,
I still haven’t gotten a reply on this. I have sent the login details to the address requested.
The site launch was postponed but it’s going live today! Would really appreciate your help on this
CheersHello!
You can add a unique selector for each Avia Elements. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_theme_support('avia_template_builder_custom_css');Add the Horizontal Rule element then scroll below. Add a unique css selector on “Custom Css Class” field. You can then use the selector to target the Horizontal Rule after every page sections that you want to scroll to.
Cheers!
IsmaelHi Ismael,
Thanks for your message. Unfortunately I’ve already tried something similar. I’ve targeted the div above the section divider, but unfortunately that still hasn’t fixed it, it’s still jumping below the section divider and the title.
Cheers
It’s unique, I’m pretty sure it’s setup correctly because when the target is on the same page as the current page, it works perfectly.
Hi!
I sent you an email, i think you must select Large padding setting in the color sections, that way there is enough room for the content to display.
ex: http://disruptivevision.com/products/#av_section_2
Best regards,
JosueHi there,
I had set the large padding before and set it up but that didn’t work so tried removing the large padding and setting up a margin on top instead. I think best you login and see how it works on a test page. I’ve tried everything from my end
Hi!
The anchors are just like any other anchor you would set in a regular html page. The browser goes to them and puts it at the top of the screen. What you are seeing is the anchor being behind the menu because the menu floats above the content.
So if you want the viewer to land below that then the anchor needs to be further above the content as you’ve done with the support pages and sections.
Regards,
DevinHi Devin,
I’ve already placed the anchor higher than the point I want it to jump to. Have given the last sentence of the previous section, etc, but it’s still coming below the title. For the support page, the reason it’s working is that the first link is to #top, which was predefined in the theme. The downloads works because it’s the bottom of the page and it can’t scroll any lower.
thanks
- The topic ‘!URGENT! # in-page links on main menu not working’ is closed to new replies.