-
Posts
-
Hi,
I love your theme!
I have nearly managed what I wanted to do regarding a logo icon on scroll on secondary header. But for some reason I can’t manage to get the icon completely in the middle. There css won’t take the % for position ( right:55em!important;). After a lot of trying I see that the only way the icon comes to the middle is when I use em, but then it’s not in the middle when I scale the browser to smaller og larger.The CSS code is:
#top li#menu-item-13587 {
background-image: url(http://tuddal.one/wp-content/uploads/2020/07/logo_krympet-1.png)!important;
background-size: contain!important;
background-repeat: no-repeat!important;
background-position: 50% 50%!important;
position:absolute!important;
right:55em!important;
}
li#menu-item-13587 a {
opacity: 0!important;
}
li#menu-item-13587 {
height: 46px!important;
}
li#menu-item-13587 {
width: 80px!important;
}Have a look at the website here and scroll to see the icon I want to be absolute in middle/center: tuddal.one
Hope you can help me, thanks :-)
Feel free to use the code.
Kindly regards, Mathilde
Hey Mathilde,
Can you try adding this CSS code at the bottom of the one you have:
#top .av_secondary_right .sub_menu { position: static; margin-top: 10px; } #top li#menu-item-13587 { right: 50% !important; margin-right: -40px; }Best regards,
Nikko
- The topic ‘Center one menu item image in secondary menu on scroll’ is closed to new replies.