Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #201495


    I reviewed the forum and the documentation available but not sure the use of color section is optimal for my situation.

    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

    • This topic was modified 10 years, 6 months ago by lionel.

    Hi 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:



    Much appreciated!
    Will the menu tool detect the section i m looking at and automatically highlight this section in the navigation ?


    • This reply was modified 10 years, 6 months ago by lionel.

    I 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.


    I 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..)?



    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,


    Seems 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..


    In 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.


    Ik. Pitty. Any way to locally disable the separation bar that cuts through the whole page for each color section?


    You 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.

    This reply has been marked as private.


    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 > > a {
    color: #808080;
    .header_color .main_menu ul:first-child > li.current-menu-item > a {
    color: #333333;

    Best regards,

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Anchors to a single page navigation without the color section component’ is closed to new replies.