fix erors from validator.w3.org

If I use the megamenu option https://prnt.sc/1rhsnh1 or https://prnt.sc/1rhso6q
I get an error Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

When I check the code of the page I get this <style data-type="vc_shortcodes-custom-css"></style>
Since it does not do anything can I just remove it somehow?

Thank you!

The megamenu is currently not enabled on my site since it throws errors.
Even with the file woodmart/inc/shortcodes/row-divider.php edited as you suggested I still get the above error when I enable the mega menu.

I told you I see this empty tag as soon as I enable the mega menu like this https://prnt.sc/1rhsnh1 or https://prnt.sc/1rhso6q.

It is for the site forkid.gr but I have disabled the magamenu because it is causing the error.

If you help me to solve this I will reenable the megamenu.

When is the new theme update coming?

The above tag appears only when the mega menu is activated.

Ok. When do you plan to publish the update?

Hi,

I want to fix another error also.
When I check the demo website from wave.webaim.org
https://wave.webaim.org/report#/https://woodmart.xtemos.com/
I see the below error for the categories images
https://prnt.sc/1t8vqkw

This error is generated because the category element generates the bellow code:
<a href="https://woodmart.xtemos.com/product-category/clocks/" class="category-link wd-fill"></a>
This code does not contain any link so it show the error.
One solution would be to add the category name.
Another solution would be something like this

<a href="https://woodmart.xtemos.com/product-category/clocks/" class="category-link wd-fill"><span class="sr-only">Clocks (aka category name)</span></a>

<style>
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
</style>

Solution found on stackoverflow.

Since accessibility is a very important issue I really need to fix this.
I want to use many elements of your theme but some of theme are not accessibility friendly.
Can you please tell which file to edit in the theme?
I am trying to edit this section https://prnt.sc/1t8w8km

Hi,

While checking this demo https://woodmart.xtemos.com/demo-alternative-energy/demo/alternative-energy/
on W3 validator I saw few more errors that has to do with how your theme handles staff.
You can see the results of the test here

Error: CSS: background-image: The first argument to the linear-gradient function should be to left, not left.

From line 1122, column 694; to line 1122, column 1210

t-enable"><div class="woodmart-row-gradient wd-fill" style="background-image:-webkit-linear-gradient(left , rg…80%);background-image:-ms-linear-gradient(left , rgb(142, 203, 222) 80% , rgb(255, 255, 255) 80%);"></div>

Also this errors

Error: Attribute ; not allowed on element div at this point.

From line 1207, column 72; to line 1207, column 205

-wrapper"><div class="wd-video-poster" style="background-image:url(https://z9d7c4u6.rocketcdn.me/wp-content/uploads/2019/06/ae-video-img.jpg)";></div>

Attributes for element div:
    Global attributes

Error: The frameborder attribute on the iframe element is obsolete. Use CSS instead.

From line 1207, column 249; to line 1207, column 450

div></div><iframe src="https://player.vimeo.com/video/51589652?dnt=1&app_id=122963" width="500" height="281" f…meborder="0" title="Timelapse - Lighthouse (Oct 2012)" allow="autoplay; fullscreen" allowfullscreen></ifra

Is there a quick fix for the above errors?

Hello,

Just update the theme to 6.2.2 and now I have 2 new errors on https://validator.w3.org.
You can check the full report here https://validator.w3.org/nu/?doc=https%3A%2F%2Fforkid.gr%2F.

Error: CSS: Parse Error.
At line 601, column 36
er{height:868px}@media (max-wi

and this

Error: Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)
From line 1422, column 1; to line 1422, column 43
='all' />↩<style id='woodmart-inline-css-inline-css'>↩.wd-5
Contexts in which element style may be used:
    Where metadata content is expected.
    In a noscript element that is a child of a head element.
Content model for element body:
    Flow content.

The error with the megamenu was not fixed even after the last update.

I get the same error

Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

When I check the code of the page I get this <style data-type="vc_shortcodes-custom-css"></style>

Is there a way to fix this?
Should I do some extra steps after updating to version 6.2.3?