I works perfectly. Thank you!
Another request with great support. You can close this ticket.

Regards
Nina

I removed the div yesterday as you mentioned, but the gap is still there and it shouldn’t be. I have tried to change the script that goes with it but it removes it completely.

function custom_skip_link_script(){
  ?>
  <script>
(function ($) {
    $(document).ready(function () {
    	$( '<a href="#main_content" class="jsf-button jsf-skip-link">Hopp til innhold</a>' ).insertBefore( '#top' );
        $('<a id="main_content" name="maincontent" tabindex="-1"></a>').insertAfter( '.title_container' );
        $(".jsf-skip-link").click(function(){           
            $("#main_content").focus(); 
        });
    });
})(jQuery);
</script>
  <?php
  }
  add_action('wp_footer', 'custom_skip_link_script');

Everything I try to reference instead of #top just removes it.

Any suggestions?

Regards
Nina

Almost. The link is hidden when you open the page and appears when you click the tab. But there is a black gap at the top of each page, where the skp-link appears. Could this be removed?

And how can I style it to get it a litle bit bigger? I have tried a few things, but it also makes the black gap bigger and that is not looking good.

Regards
Nina

Sorry, did not work. display: none did what it should do, but the link does not appear when you click tab. Remove the css and the link is back.

Regards
Nina

It was the other way arround, it is default to true and I changed it to false. :) This looks like it works. Can I just add this snippet to my functions file in my child theme? Or do I need to create the same tree structure in my child theme and copy it over? To avoid it beeing overwritten when I update the theme.

Regards

if I style it either under advanced styling or general styling/typography, the change would be site wide. Right?
I only need to change the font-size in one place. That is why I thought giving it a custom css class would do the trick.

This did not work as expected, instead it gave two more errors

“Broken ARIA menu
An ARIA menu does not contain required menu items.”

Also: The social share buttons on posts has a text above that reads “Share this post on” This is defined as H5. Is there a way to change this? Some pages does not have that many levels so it should not be a H tag.
Regards
Nina

You can close this ticket.

Is there any answers to these questions?

1. The function provided worked for “An element with role=menuitem must be contained in, or owned by, an element with role=menubar or role=menu.” error. Thank you!
The second error is still there “Attribute alt not allowed on element div at this point.”
2. Another error I can’t figure out is “Certain ARIA roles must contain particular children” This is in reference to the burger menu.
3. The social share buttons on posts has a text above that reads “Share this post on” This is defined as H5. Is there a way to change this? Some pages does not have that many levels so it should not be a H tag.

Regards
Nina

Thank you.

Ok. Is there somwhere I can download the previous version of Enfold?

Think I figured it out.

I downloaded the site to do a conflict test. I switched themes and tried with both Storefront and twentytwentytwo, and the problem was still there. I also disabled all the plugins, except WooCommerse itself, no change. So as far as I can tell, Enfold does not seem to be the problem. If anything comes up, I will let you know.

sorry for the late feedback. I had to change all the forms on the site to Contact form 7. I am not really happy with this form, but I had no other choice.
The problem is also popping up on other sites as well.

Regards
Nina