Thank you – it’s all working just fine now that I have put some more content around the anchor elements.
You can close this thread now.
Great support :-)

You are correct – the problem is NOT there if I make the browser window a lot smaller.
Is there not a work around this issue? I can’t really just add more content to the anchor sections – just for the purpose of making the link underline work correctly.
Crossing my fingers :-) And thank you again for helping out here…

Thank you Ismael.
The links just leads to more confusion but I did try and follow the conclusions there.
Status now is that, since I don’t have a Child Theme, I put the following code in the functions.php using the plugin “Code Snippets”. The plugin works with other issues regarding the functions.php file, so I would expect it to work fine also in this case.
————————————————————————————
// a custom script
// add current-menu-item class to active item
function ava_custom_script_mod() {
if ( wp_script_is( ‘avia-default’, ‘registered’ ) ) {
wp_add_inline_script( ‘avia-default’, ‘
(function($) {
$(document).ready(function() {
const setActive = (entry) => {
let item = $(#top .av-subnav-menu a[href*=\'+ entry + \']);

if(!item.attr(“href”).includes(entry)) return;

let list = item.parent(“li”);
let parent = list.parent(“#menu-sub-menu”);

if(list.is(“.current-menu-item”)) return;

parent.find(“li”).removeClass(“current-menu-item”);
list.addClass(“current-menu-item”);
}

const createObserver = (entry) => {
let el = document.querySelector(entry);

const observer = new IntersectionObserver(function(entries) {
if(entries[0].isIntersecting === true) {
setActive(entry);
}

}, { root: null, threshold: [0.1] });

observer.observe(el);
}

const anchors = [“#dagsprogram”, “#grad”, “#praktisk”, “#indkvartering”, “#prisinformation”];

anchors.map(anchor => {
createObserver(anchor);
});
});
})(jQuery);
‘);
}
}
add_action( ‘wp_enqueue_scripts’, ‘ava_custom_script_mod’, 9999);
———————————————————————————————-

In Quick CSS I put this:
#top .av-subnav-menu > li.current-menu-item a {
color: red !important;
text-decoration: underline !important;
}
———————————————————————————————-
The “Full Width Sub Menu” does not go in a Color Section. So let’s not go down that road…

In the Full Width Sub Menu I did not add anything under Developer Settings.

The goal is simple: I want the active item to be underlined with a white line in the Sticky Submenu.

Please login and have a look. And advice what to do next. What am I missing here?

Thank you for a great support.

Great idea – thank you Guenni007

Have a look at https://fyrholtrejser.dk/rejser/test/ where you see the Sticky Submenu in action.
I am controlling the font size in this menu with the following CSS:

#top .av-subnav-menu li a {
font-size: 17px;
}

How do I make the active menu item underlined only in this Sticky Submenu?

Of course – my bad – thank you guys. Great support :-)
Now I just realized a new issue when using a smartphone:
The background seem to scroll to the top when clicking the trigger link. The popup is there alright but you have to scroll down in order to actually see it on a smaller screen.
Try it here on your smartphone: https://fyrholtrejser.dk/rejser/st-johann/#indkvartering
Click on the link: “Se evt. mere om hotellet her”
What to do?

• This reply was modified 1 year, 10 months ago by RasMaster.

Thank you very much – it did the job :-)
Is there a way to manage the width of the popup lightbox? Right now it’s fullwidth – and not very nice.

Thank you – but we are not there yet:
You made the TikTok-icon work but with the title: “tiktokicon”
When I tried to rename the icon to “TikTok” everything went wrong and now it’s not showing anywhere.
Please help and please rename the icon to “TikTok” so it shows on mouse over. Just like the Instagram icon shows “Instagram”.
Thank you.

Yes, please close and delete this topic.

Nope, it didn’t work… Still got those margins left and right of the columns/content in those color sections.
I added a custom class called: column_custom_class

And this in Quick CSS:
.column_custom_class .container {
padding: 0;
}

But no luck so far. See URL in private message.

Maybe the problem is to be solved elsewhere – a hidden page margin or something like that? What do you think?

See private message…

It works just fine in the footer :-) Thank you.
When viewing the RSS feed on a page the title link is still active. Can you help with that?

It does not work for me….
I followed the guidelines and added this to my functions.php at the very end of the file. But nothing happens – and I actually just want the RSS-title-link to be deactivated. Please help me out here.
……………………………………………….
function itsme_disable_feed() {
wp_die( __( ‘No feed available, please visit the homepage!’ ) );
}

add_action(‘do_feed’, ‘itsme_disable_feed’, 1);
add_action(‘do_feed_rdf’, ‘itsme_disable_feed’, 1);
add_action(‘do_feed_rss’, ‘itsme_disable_feed’, 1);
add_action(‘do_feed_rss2’, ‘itsme_disable_feed’, 1);
add_action(‘do_feed_atom’, ‘itsme_disable_feed’, 1);
add_action(‘do_feed_rss2_comments’, ‘itsme_disable_feed’, 1);
add_action(‘do_feed_atom_comments’, ‘itsme_disable_feed’, 1);

remove_action( ‘wp_head’, ‘feed_links_extra’, 3 );
remove_action( ‘wp_head’, ‘feed_links’, 2 );