Tagged: anchor, color section, navigation, Single Page
-
AuthorPosts
-
December 18, 2013 at 12:44 pm #201495
Hi
I reviewed the forum and the documentation available but not sure the use of color section is optimal for my situation.
http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/My site is xxx and looking to introduce a menu with 5 items (home, our services, clients & results, about us and contact us), starting from each full screen image. Each time i m trying to use the color section it creates a unnecessary margin, breaking the design of the page.
Can we assign ID to a full screen image component? And if not, Is there a way to minimize the size of the color section, or even replace it by a pixel?
Thanks for your help
Lionel- This topic was modified 10 years, 11 months ago by lionel.
December 19, 2013 at 9:06 am #201936Hi ericjanin1!
When you add a color section you can choose no padding for its spacing. Otherwise you can just add a regular html anchor to any text element inside the text tab for that element: http://www.w3.org/MarkUp/1995-archive/Elements/A.html
Cheers!
DevinDecember 19, 2013 at 12:57 pm #201999Much appreciated!
Will the menu tool detect the section i m looking at and automatically highlight this section in the navigation ?Thanks
Lionel- This reply was modified 10 years, 11 months ago by lionel.
December 19, 2013 at 9:07 pm #202252I know Kriesi was working on that but I’m not sure if its been included in the bug fix that just got pushed out this week or not. With just the anchor it doesn’t work for going from a completely different page and with the full url plus the anchor it highlights all links on the same page and the intended fix is to make so that it has contextual highlighting.
If it doesn’t right now, it will in probably the next feature release.
January 10, 2014 at 11:30 pm #208252I would love to be able to scroll down to such an anchor in a single page layout too… Or have an option to remove the separating bar in after each color section (but not for all..)?
January 10, 2014 at 11:52 pm #208265Hi!
You can add an anchor into any text element and then link to it as a custom menu item. The color section just makes it easier to add in the anchor since you can add in the text to that field.
Best regards,
DevinJanuary 17, 2014 at 3:03 pm #211222Seems like my answer disappeared.
Well what I am trying o do is to add an anchor for a one-page design to scroll down to, and that does not work with an anchor tag..January 18, 2014 at 7:29 pm #211646In that case then yes, you would need to use a color section as the holder if the javascript for the scroll isn’t grabbing on to regular anchors.
January 18, 2014 at 7:31 pm #211647Ik. Pitty. Any way to locally disable the separation bar that cuts through the whole page for each color section?
January 18, 2014 at 10:42 pm #211738You can target the ID for that section and remove its border with a bit of CSS:
#somename { border: 0 !important; }
The content after will still have a border as all containers have a border but that removes it from that section.
January 20, 2014 at 9:19 pm #212429This reply has been marked as private.January 21, 2014 at 5:08 am #212618Hey!
Add this on the English version’s Quick CSS:
.header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a { color: #808080; } .header_color .main_menu ul:first-child > li.current-menu-item > a { color: #333333; }
Best regards,
Ismael -
AuthorPosts
- The topic ‘Anchors to a single page navigation without the color section component’ is closed to new replies.