Hi All,

I am in the process of  updating and rebuilding my website with the latest v2021 Pro version and had  some SEO advice from Google search console after they inspected.  The two 'faults' were for mobile phone appearance, text too small and links too close together. That was just highlighted for one page.

So I went to said page increased the font size for text and for the menu bar added a few space bar presses before and after each word of text.

Now on publication I have discovered the word link 'online' has jumped to a second row and centered under a different link; and a NEW link has apeared out of nowhere complete with mouseover reaction!  This is something I am not responsible for in my 'editing'!

I am using firefox with a chrome extension to view page code and if I right click on the newly appeared 'audio' link (left of sub menu), then click  Inspect element (Q) I find the following:

#imMenuObject_14_70_container > ul:nth-child(3) > li:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a:nth-child(1)
html.svg.canvas.video.supports.no-touchevents.fullscreen.cssanimations.csstransforms.csstransforms3d.csstransitions.k-ff.k-ff86 body div#imPageExtContainer div#imPageIntContainer div#imPage main#imContent div#imCell_70 div#imMenuObject_14_70 div#imMenuObject_14_70_container ul.menu-mobile-animated.hidden li.imPage div.label-wrapper div.label-inner-wrapper a.label

<a class="label" href="audio.html">
Audio </a>

/html/body/div[1]/div/div[3]/main/div[15]/div[3]/div/ul/li/div/div/a

- all by right clicking and copying for the various bits of html and css that it states

Now I am not a man of coding knowledge and hope to simply delete something somehow.

I attach a screenshot below and welcome advice

Site here: https://stuartsyoga.one/mindfulness.html

Thanks

Stuart