Highlight Fullwidth Submenu item - Support | Kriesi.at

Tagged: submenu

Viewing 30 posts - 1 through 30 (of 39 total)

1 2 →

Author

Posts
July 31, 2015 at 12:00 pm #481270

gigoz
Participant

Hi,

I love enfold. Please see if you can help.

How can I make the Fullwithsubmenu item highlighted as you scroll down or click the menu item. See below for image: http://i.imgur.com/3KeFOAt.png

My system login is below. Also here a reference to a sample page. Check price content section for detail.

August 2, 2015 at 10:02 pm #481819

Josue
Inactive Moderator

Hi!

This is kind of a limitation right now with the script we use for this, are you using that (anchor linking) for the main menu too or just for internal fullwidth submenus?

Regards,
Josue

August 2, 2015 at 10:09 pm #481821

gigoz
Participant

Josue,

I am using that (anchor linking) for the internal Fullwidth Sebmenu only. Thats the one i need help with.
Regards
Gigoz

August 2, 2015 at 10:39 pm #481828
Josue
Inactive Moderator
Hi,

1. Open js/avia.js and change this line:
```
$('body').avia_scrollspy({target:'.main_menu .menu li > a'});
```
To:
```
$('body').avia_scrollspy({target:'.av-submenu-container .av-subnav-menu li > a'});
```
2. Also in js/avia.js change:
```
offset: (parseInt($('.html_header_sticky #main').data('scroll-offset'), 10)) + ($(".html_header_sticky #header_main_alternate").outerHeight()) + ($(".html_header_sticky.html_header_unstick_top_disabled #header_meta").outerHeight()) + 1 + parseInt($('html').css('margin-top'),10),
```
To:
```
offset: (parseInt($('.html_header_sticky #main').data('scroll-offset'), 10)) + ($(".av-submenu-container").outerHeight()) + ($(".html_header_sticky.html_header_unstick_top_disabled #header_meta").outerHeight()) + 1 + parseInt($('html').css('margin-top'),10),
```
Regards,
Josue
- This reply was modified 9 years, 2 months ago by Josue.
August 2, 2015 at 11:16 pm #481834

gigoz
Participant

I added it. But it did not make any difference. menu looks exactly the same. Please check it . See website url in private section below.

August 3, 2015 at 5:55 pm #482333
Josue
Inactive Moderator
Hey!

Try adding this code to the Quick CSS / child style.css:
```
#top .av-subnav-menu > li.current-menu-item a {
    color: red;
}
```
Cheers!
Josue
August 3, 2015 at 6:24 pm #482346

gigoz
Participant

Still did not work. Maybe I am doing it wrong. Please login to my system and help out. Login to our website is included in private section.

Regards,
Gigoz

August 3, 2015 at 8:49 pm #482408

Josue
Inactive Moderator

Check it now, i moved the code to the very start of Quick CSS.

Regards,
Josue

August 3, 2015 at 10:14 pm #482427

gigoz
Participant

That worked. Much appreciated.
Gigoz

August 3, 2015 at 10:48 pm #482438

Josue
Inactive Moderator

You are welcome, glad to help :)

Regards,
Josue

September 3, 2015 at 10:13 pm #498014

mrivas1804
Participant

Hola Josue.
He utlizado las instucciones que has dado en estas lineas pero no me funciona correctamente.
Puedes por favor dar una mirada a
http://www.laestepena.es/graneles

Gracias

September 3, 2015 at 10:17 pm #498018

mrivas1804
Participant

Me gustaria conseguir algo parecido a
http://www.lapierrequitourne.com/nos-biscuits/

September 4, 2015 at 12:44 am #498093

Josue
Inactive Moderator

Hola,

La modificación esta funcionando pero creo que lo tienes que hacer es hacer que las secciones ocupen mas espacio, prueba poniendoles una altura minima en las opciones de cada seccion.

Saludos,
Josue

September 4, 2015 at 6:37 am #498121

Tameez
Participant

Hi Josue,

This is good and I tried it too. I have one issue, however. When I click an item on submenu, the page moves up to the right spot; however, the correct submenu item is not highlights. It’s the preceding one. For example, if I have 3 items in the submenu and I click the 2nd item, the page does go there but menu item 1 is highlighted. This behavior is not the same when scrolling. In scrolling, the menu items and page sections are in synch.

Any ideas?

Regards,

September 4, 2015 at 6:40 am #498122

Josue
Inactive Moderator

Hi,

Can you post the link to your website please? an admin account would be helpful too.

Regards,
Josue

September 4, 2015 at 6:49 am #498123
Tameez
Participant
Hi Josue,

OK. Here’s the info.

http://www.tameez.com/profile

User mrivas1804 mentioned the same thing, I believe.

Regards,
- This reply was modified 9 years, 2 months ago by Tameez.
September 4, 2015 at 8:16 am #498130

mrivas1804
Participant

He puesto de altura minima el 100% de la ventana pero sigue destacando con elemento activo el anterior a la opción real en la que me encuentro.
Por favor míralo
Gracias

September 7, 2015 at 1:45 pm #499215
Andy
Inactive Moderator
Hey!

@mrivas1804
Tu submenu me parece bien. Que es lo que queres cambiar? quizas eliminar el texto del menu (hover)? usa este codigo:
```
#top .av-subnav-menu .avia-menu-text {
display: none;
}
```
Regards,
Andy
September 9, 2015 at 10:47 pm #500752

gigoz
Participant

Hi – i noticed i can see the private data of other users on this thread. I am sure others people can see mine too.Please look into this for me.

September 10, 2015 at 11:33 am #500915

Andy
Inactive Moderator

@gigoz
thank you, we are aware of the issue and are working to fix it as soon as possible.

Best regards,
Andy

September 16, 2015 at 11:13 am #503922

changegroup
Participant

Hi Josue,

Could you help me with this as well?

I’m having trouble with highlighting the submenu item (portfolio-page), that I am currently on)

September 16, 2015 at 12:15 pm #503963

Andy
Inactive Moderator

Hey!

try this solution Josue posted here: https://kriesi.at/support/topic/current-menu-item-in-full-width-sub-menu/#post-404157

Cheers!
Andy

September 16, 2015 at 11:21 pm #504430

Josue
Inactive Moderator

Hi @changegroup,

Can you please create us a WordPress administrator account? post it here as a private reply.

Regards,
Josue

September 22, 2015 at 9:03 am #506826

changegroup
Participant

Hi Josue,

Thanks a lot!

Just to specify, I want the submenu to highlight the section (portfolio-page) that the viewer is currently on.
And I want the highlight color to be: #ef3e5b and bold.

Best Regards,

ChangeGroup

September 22, 2015 at 9:06 am #506827

changegroup
Participant

I forgot to add the specific pages (portfolio-items)

September 22, 2015 at 10:31 am #506875

Josue
Inactive Moderator

I see, what you need to do is create a Menu for your Portfolio Items in Appearance > Menus, using the Portfolio items as menu items directly, then in the FullWidth Submenu simply select to use an “existing menu”.

Cheers!
Josue

September 23, 2015 at 1:16 pm #507710

changegroup
Participant

Hi Josue!!!

Please help this is critical!!!!!

Several things are really wrong with the website now – did you change anything / install any plugins or did anyone else have access to my website?:

There is suddenly a SC Theme Editor installed in my wordpress under ‘Appearance’

– There’s no menu on mobile
– On the frontpage, clicking on the menus do not scroll directly to the right area of the color section on the frontpage – it doesn’t stop at the top of my color sections, but goes further down
– Portfolio feature images os not loading – so there is no images showing on my portfolio items and on the masonry element.

please see here

September 23, 2015 at 1:24 pm #507717

Andy
Inactive Moderator

Hi!

of course we did not install or change anything on your website. Please go for a backup.

Cheers!
Andy

September 23, 2015 at 1:32 pm #507725

changegroup
Participant

OK….. Then please explain to me:
SC Theme Editor and what steps you did look at on my website, and what suddenly can course several issue at ones, when nothing has been changed.

Cheers!
ChangeGroup

September 23, 2015 at 1:47 pm #507740

changegroup
Participant

I just did a restore from backup with updraft plus – it didn’t do any good to the issues described above – but now SC Theme Editor is not installed, so I’m 100% sure that we didn’t have that plugin before!
Author

Posts