Kan du ge URL till en sida där man kan se problemet? Jag kan då flytta över länken till det speciella URL-fältet som Google och andra robotar inte kan se.
Du behöver kolla vilket ID bilden fått. Sedan kan du lägga in Extra CSS i stil med:
.wp-image-1719 {
position: relative;
bottom: 50px;
}
För att maka bilden uppåt från dess reserverade plats.
PS! Eftersom bilden finns längst upp på sidan kanske du kan försöka att inte markera den för Lazy-loading?
Kom på det senare när jag skrivit att anledningen till att menyn hoppar ner är troligen för att jag lagt till underline på menyerna när man hovrar över dom. Har lagt till denna kod.
/* Hover Menu */
#top-menu {
height: 28px !important;
margin-bottom: 30px;
}
.menu-item a {
padding-bottom: 5px !important;
border-bottom: solid 2px transparent;
align-items: flex-end !important;
margin-bottom: 20px !important ;
}
.menu-item a:hover {
border-bottom: solid 3px #0D2B73;
}
.current-menu-item a {
border-bottom: solid 3px #0D2B73;
color: #0D2B73 !important;
}
Låter troligt. Antingen kan du ha en motsvarande padding som du tar bort vid hover och ersätter med kantlinjen. Men först kan du prova att i stället vid hover använda text-decoration: underline. Jag gillar att ändra bakgrundsfärgen, eftersom det inte flyttar runt något.
Löste det på följande sätt
* Apply style when hover top level menu item */
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover {
text-decoration:underline;
text-decoration-thickness: 3px;
text-underline-offset: 10px;
}
/*apply style to the active top level menu item*/
.pa-active-menu-item .et-menu-nav>ul>li.current-menu-item>a {
text-decoration:underline;
text-decoration-thickness: 3px;
text-underline-offset: 10px;
}
