issues with onepage-anchor menu - Support | Kriesi.at

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

Author

Posts
July 13, 2015 at 8:47 pm #472674

MWnow
Participant

Hi there,

we have some trouble with the anchor menu.
We used on our page “home” the color-sections, to have 3 different parts of our website.

The menu itself works fine
> only the highlighted menu items are not correct / they do not match to the section…the content jumps correctly, if you click to the menu items…

I figured out: if you resize the window (to a smaller browser view) > the highlighted menu item is then the correct one.
Only if you have a big browser window then there is the problem with the wrong highlighted section name.

Can you help me with that? I will give you Backend Access in private comment.

Thank you very much for your help!

July 14, 2015 at 6:43 am #472833

MWnow
Participant

Hello there,

I resovled my problems.
I only had to choose the hight of each seaction with “at least 100%”.

You can delete/close my question.

Thank you!
Like your theme really a lot. Great work!

Greetings

July 14, 2015 at 7:22 am #472843

MWnow
Participant

Hi,

I there is a problem I see now:
If you scroll down via choosing a menu item the highlighted text ist correct.
f.e. please click on each menu item from the top down…

if you are on the section “kontakt” and then clicking on a menu item above > the page jumps to the right section, but the highighted text is the wrong one (it highlighted the menu item above the choosen menu item).

Can you maybe fix that?

Thanks very much

July 14, 2015 at 8:07 am #472863

Basilis
Inactive Moderator

Hey!

That seems because of the row size, it just needs to scroll 4-5 pixel more, to be correct, is that right?
Have you tried to add some space to the top, to see if the issue is fixed?

Cheers!
Basilis

July 14, 2015 at 3:04 pm #473213

MWnow
Participant

Yes, i would agree with the 3-5 pixel.

But where I should add some space now? The problem is not if you scroll
Menu 1 > Menu 2 > Menu 3

The problem is if you scroll:
Menu 3 > Menu 2 > Menu 1
If you here click on Menu 2 the section Menu 2 is shown (thats correct), but in menu bar the item “Menu1” is marked as active…

I don´t now how to change that with adding some space?!

Should I add that at the end of each section? Or the top?

Thank you for your help, Greetings

July 15, 2015 at 1:25 pm #473702

Andy
Inactive Moderator

Hi!

please upgrade to Enfold v3.2.3. and try to deactivate all plugins, to check if one is causing this conflict.

Regards,
Andy

July 15, 2015 at 4:05 pm #473823

MWnow
Participant

Hi Andy,

i updated to 3.2.3 and deactivated all Plugins.
The problem still exists – but please note: only if you jump to a lower menu item, like “kontakt”
> if you then click on a higher menu item, like “salesteam” > then the wrong item “now communication” is active…

I see now: on my huge desktop in mozilla the problem does not exist.

But on my smaller macbook air for example the problem is still there (in safari and mozilla)

Maybe it depends on the browser size?!

July 15, 2015 at 4:06 pm #473825

MWnow
Participant

img of the error on mac

July 17, 2015 at 10:51 am #474784

Andy
Inactive Moderator

Hey!

I can’t see the images you have provided. They are not loaded for me. Please use a link from imgur or dropbox to include screenshots.

Regards,
Andy

July 27, 2015 at 10:01 am #478977

MWnow
Participant

Hello,

here is the screenshots, of my problem:

Thank you very much vor your help!

July 27, 2015 at 1:17 pm #479046

MWnow
Participant

Hi there,

I have tried to change the menu to “top header”.
there the menu items behavior is correct.

> the chosen menu item is shown as “active”…

So the error with the wrong highlighted menu item have to be caused by the menu at the side?!

Maybe that helps you, to find the error?
Looking foward to your feedback, best wishes and thank´s a lot.

Miriam

July 29, 2015 at 7:02 am #480042
Ismael
Moderator
Hey!

Switch to the left or sidebar menu then add this in the Quick CSS field to adjust the current menu item highlight:
```
#top #header .av-main-nav > .current-menu-item > a .avia-menu-text, #top #header .av-main-nav > .current-menu-item > a .avia-menu-subtext {
  color: orange;
}
```
Cheers!
Ismael
July 29, 2015 at 10:00 am #480095

MWnow
Participant

Hello Ismael,

thank´s for your help :)

I added the code in custom css.
But unfortunately still the wrong menu item is highlighted.

I recorded a desktop viedeo, to explain my problem more detail:
Please have a look:
[video src="https://dev.modehausjung.nowcom.de/wp-content/uploads/2015/07/20150729_094622.mp4" /]

You can see if you go to:
dev.modehausjung.nowcom.de
-> there the menu item “Fashiontrends” is highlighted. That´s wrong.
“Fashiontrends” is a lower “color-section-area” (below the huge fashion image).

If you click on “Unser Service” in the menu is “Unsere Marken” Highlighted… that´s the same error, as with the other onepage-menu items on that page.
-> always the section from above is highlighted at the menu > not the really chosen one.
Hope you understand :)

The single pages like “Mediathek” und “Kontakt” are correct highlighted.

Can you help me with that?

I found out, that the correct onepage-menuitems are highlighted, if I switch to the menu at top header!
Here another video with that:
[video src="https://dev.modehausjung.nowcom.de/wp-content/uploads/2015/07/20150729_095527.mp4" /]

There is only one error in that view:
only the item “Fashiontrends” is highlighted if you go to the url: http://dev.modehausjung.nowcom.de
thats wrong > if you enter that url > no menu item should be highlighted
> “Fashiontrends” should be only then highlighted, if you go to: http://dev.modehausjung.nowcom.de/#fashiontrends

But for this page I need ne menu at the sidebar, and the correct section/menu item highlighted :)

Thank you for your help.

Greetings Miriam

July 30, 2015 at 12:55 pm #480650
Ismael
Moderator
Hey!

Please try to add this to the functions.php file:
```
add_action('wp_footer', 'add_custom_script');
function add_custom_script(){
?>
<script>
(function($){
		$(window).scroll(function () {
			 var sliderheight = $('.avia-fullscreen-slider').height(),
				 winh = $(window).scrollTop() + 1,
				 menu = $('.html_header_sidebar #header .av-main-nav > li:first-child');
				 // console.log(sliderheight + " " + winh);
			if(sliderheight < winh && !$('.html_header_sidebar #header .av-main-nav > li:not(:first-child)').hasClass('current-menu-item')) {
				$(menu).addClass('current-menu-item');		
			} else {
				$(menu).removeClass('current-menu-item');
			}
		});
})(jQuery);
</script>
<?php
}
```
Remove browser cache then reload the page.

Cheers!
Ismael
July 30, 2015 at 2:27 pm #480700

MWnow
Participant

Hi Ismael,

thank you very much for your code.
I tried it, and received this error:

did i put in your code correct?:

My php knowledge is not o big ;) but the line 527, 53 and 54 seem a little strange for me? Or is that correct?
Maybe you can take a look at this please?

thank you very much!

July 30, 2015 at 4:12 pm #480763

MWnow
Participant

Hi Ismael,

I now have created a child-theme (to avoid trouble with theme-updates :)

> there I added your code in the functions.php

No I don´t receive the error – that´s good :)
But the menu Highlighting is still wrong :( Please check the site: http://dev.modehausjung.nowcom.de/#unseremarken

Thanks for your help! Greetings Miriam

July 31, 2015 at 8:59 am #481156

Ismael
Moderator

Hey!

I checked the html markup of the site and the scripts and stylesheets are loaded right after the body tag. Why is that? Those scripts should be included in the head tag. Did you install a plugin to change it? I was able to reproduce the issue on my installation and the code above fixed it.

Cheers!
Ismael

July 31, 2015 at 9:14 am #481166

MWnow
Participant

Hi Ismael,

thanks for your answer.

No I didn´t install a plugin to change that ./

I took a look at the html code too, can you maybe explain me which style attributes you mean.
After the <body tag there aren´t style attributes, aren´t they?

Maybe you can show me a little more detail, which code is on the wrong place. Then I could be more able to fix that :)

Thank you very much for your help. Greetings Miriam

August 3, 2015 at 1:26 pm #482077

Ismael
Moderator

Hi!

This is the whole body markup of the home page: http://pastebin.com/ybr6RqNB

Right after the body tag, you’ll see the stylesheets and scripts. Those codes should be included in the head tag by default.

EDIT: The default markup should look roughly like this:

HTML
HEAD
SCRIPTS / STYLESHEETS
BODY
WRAP ALL
HEADER
MAIN
FOOTER
SOCKET

The SCRIPTS / STYLESHEETS in your installation comes right after the body tag and before the wrap_all container.

Regards,
Ismael

August 4, 2015 at 11:14 am #482611

MWnow
Participant

Hi Ismael,

thank you very much for your help!
You pointed me in the right direction. Now my problem is solved.

That line in the shortcode.css file caused the error:
.avia-fullscreen-slider .avia-slideshow{margin: 0; height:1500px; height:100vh; min-height: 250px;}

You can close this thread :)
Great job, have nice day.
Miriam

August 4, 2015 at 12:46 pm #482633

MWnow
Participant

Hi Ismael,

sorry but it works still not correct.

I created a new Domain, for testing.
with an new Database.
And new ftp

> I simple only installed enfold, and three “sections” on my frontpage.
There is the same error with the menu.

No plugins are installed, no editing on any php or css file.
Have you an explanation or better an solution for that?!
Here is the link to your page.

Greetings,
Miriam

August 4, 2015 at 1:02 pm #482640
MWnow
Participant
Link to the page was missing above: http://dev.jung.nowcom.de/

> I checked the page code, as you told me above.

There te sructur is correc, like you explained me, isn´t it?!:
HTML
HEAD
SCRIPTS / STYLESHEETS
BODY
WRAP ALL
HEADER
MAIN
FOOTER
SOCKET

Thanks for take a look at this.
- This reply was modified 9 years, 4 months ago by MWnow.
August 7, 2015 at 8:55 am #484339
Ismael
Moderator
Hi!

I tried to recreate the test page but I can’t reproduce the issue. Please try to edit the js > avia.js file then look for this code around line 733:
```
fixedMainPadding = parseInt($('html').css('margin-top'),10);
```
Replace it with:
```
fixedMainPadding = parseInt($('html').css('margin-top'),10) - 10;
```
Remove browser cache then reload the page.

Best regards,
Ismael
Author

Posts

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

You must be logged in to reply to this topic.