Problems with one-page-menu - Support | Kriesi.at

Viewing 20 posts - 1 through 20 (of 20 total)

Author

Posts
July 30, 2019 at 8:20 am #1123059

mai
Participant

Hi there,

Facing some problems with the menu on my page:

The website mainly is a one-pager. But imprint and provacy statement are on separate pages.

When creating the menu I first tried the following:

Each content has a section ID (e.g. “section1”).

In the menu I used individual links to refer to these sections.

I tried two ways:
1. I used just “#section1” for the individual link. But when I am on the imprint page this does not wok as the page tries to open http://www.mypage/imprint/#section1 instead of http://www.mypage/#section1.
2. When using http://www.mypage/#section1 for the individual link in the menu this works better, but when I click in the menu on “Section 1” not only this menu item is shown as selected menu item, but all items on the one pager which refer to a section ID this way are active.

When searching in the documentation I found this:

Menu

But I do not understand where and how to “disable the header from the page layout options” and “add a Fullwidth submenu element and choose the one-page menu in the options” and “check the section different menu on different pages”. Especially as the submenu is already in use for a menu shown above the main menu.

Would appreciate if you could help me with a brief how-to. Unfortunately the website has not yet been published so that I cannot show you on the wensite. Besides I am not allowed to supply login details to the backend. Hope youcan help me anyhow.

Thank you!

July 31, 2019 at 9:13 am #1123447
Rikard
Keymaster
Hey mai,

Please try using the full URL for your links instead:
```
https://your.site/#anchor
```
If that doesn’t work then please post a link to the site in question so that we can have a closer look.

Best regards,
Rikard
July 31, 2019 at 11:01 am #1123506

mai
Participant

See above (#2):
When using http://www.mypage/#section1 for the individual link in the menu this works better, but when I click in the menu on “Section 1” not only this menu item is shown as selected menu item, but all items on the one pager which refer to a section ID this way are active.

August 1, 2019 at 9:21 am #1123811

mai
Participant

My husband is using the Enfold theme for his website, too. And the problem is the same there. We have added a test item in the menu on his site so that you can see. When clicking on “test” in the menu “home” is bold, too.

I’d appreciate if you could just give me a hint how to carry out the explanation given in the documentation as mentioned in my original post. I really just do not understand how to do this…

Thank you!

August 2, 2019 at 2:42 am #1124007
Ismael
Moderator
Hi,

Thank you for the update.

This css code should set the color of the current page item to default and leave the active color of the current menu item.
```
.header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .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
August 2, 2019 at 8:25 am #1124101

mai
Participant

Hi Ismael,

Thanks for the code, but it does not help.

But Have you seen in my original post that I did not understand – and therefore did not completely follow your instructions in your documentation for ane Page Menu?:

Menu

Might the solution be to follow the instructions? In the past I had pretty good experiencec with following your documentation :-) But in this case I do not understand them.

T_hanks for your support!

August 2, 2019 at 8:27 am #1124103
mai
Participant
And once again my link is not woorking once I post my reply. I’ll try again:

you may delete the blank spaces from this one:
https :// kriesi.at / documentation / enfold/menu/#toggle-id-139
- This reply was modified 5 years, 3 months ago by mai.
August 6, 2019 at 2:23 am #1124935

Ismael
Moderator

Hi,

Thank you for the update.

Where we can we check the “imprint” page? The site is currently on maintenance mode. Please post the login details in the private field so that we can inspect the site.

Best regards,
Ismael

August 6, 2019 at 6:04 am #1124964

mai
Participant

See my message dtd. 1. August – I gave you a second website with the same error

August 6, 2019 at 6:05 am #1124966

mai
Participant

And as I said in my original post: I am not allowed to provide login data. Please let me know what you would like to see and I create screenshots for your.
Thanks for your understaanding…

August 7, 2019 at 2:45 am #1125345

Ismael
Moderator

Hi,

Thank you for the update.

Did you toggle the Performance > File Compression settings after adding the code? The stylesheets are currently compressed, you won’t see any changes until the files are regenerated. Please go to the Enfold > Performance panel then disable the File Compression settings.

Best regards,
Ismael

August 7, 2019 at 11:15 am #1125458

mai
Participant

Hi Ismael,
-thanks – this now works for the header menu, but not yet for the footer menu. Any furthersuggestions?
Thanks

August 7, 2019 at 1:31 pm #1125517
mai
Participant
and the original website is now life, too. You can see that the error in the footer menu is still there… thanks for your support!
- This reply was modified 5 years, 3 months ago by mai.
August 8, 2019 at 9:50 am #1125846
Ismael
Moderator
Hi,

Thank you for the update.

The first four items in the footer menu are set as “current menu item” because they are anchors, which point to the same URL but different sections. Use this css code to adjust the default font weight of the current menu item.
```
.widget_nav_menu .current-menu-item > a, .widget_nav_menu .current_page_item > a {
    font-weight: normal;
}
```
Best regards,
Ismael
August 8, 2019 at 10:03 am #1125854

mai
Participant

Hi Ismael,

Thanks, but I do not understand really – I use exactly the same indiv. links in the footer menu as in the top menu:
mydomain/#section1 …

When adding the provided code none menu item in the footer menu is set as “current menu item”. Isn’t there a possibility to mark just the correct item as active than marking all or nothing?

Thank you!

August 9, 2019 at 2:53 pm #1126230

Ismael
Moderator

Hi,

Thank you for the update.

They are all related to the home page, so they will have the same class attribute. Unfortunately, you can’t set that class attribute based on the current section you’re on. And it doesn’t really make sense to mark any of those items as active menu when you can only see them when you’re no longer in any of the sections or anchors they point to. I hope that makes sense.

Best regards,
Ismael

August 9, 2019 at 3:52 pm #1126260

mai
Participant

Hi Ismael
Thanks for the explanation. Somehow this does make sense. But somehow it doesn’t: If you could solve this on the header menu – why couldn’t youon the footer menu? And when you click on “Impressum” and “Darenschutz” in the footer it doesn’t work anymore either.
Thanks

August 17, 2019 at 5:47 pm #1128491
Mike
Moderator
Hi,
Sorry for the late reply, for your “Impressum” and “Darenschutz” in the footer, this script will highlight the footer menu items based on if the top bar menu links are highlighted.
I was not sure what styling you wanted for the footer menu so I made it the same red.
Try adding this code to the end of your functions.php file in Appearance > Editor:
```
function custom_footer_menu_script(){
  ?>
  <script>
(function($){
  $(function() {
   if ($('#menu-item-30').hasClass('current-menu-item')) {
      $('#menu-item-28 a').css('color', '#69183c');
    }
    else if ($('#menu-item-31').hasClass('current-menu-item')) {
      $('#menu-item-29 a').css('color', '#69183c');
    }else{
    }
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_footer_menu_script');
```
Best regards,
Mike
August 18, 2019 at 7:17 pm #1128685

mai
Participant

Dear Mike,
Thanks for your reply. Unfortunately the script does not really work (no different behaviour in the footer menu). But anyhow please close the ticket. I’ll leave it now as it is.
Thanks!

August 18, 2019 at 7:48 pm #1128689

Mike
Moderator

Hi,
Ok, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike
Author

Posts

Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘Problems with one-page-menu’ is closed to new replies.