How can I remove the search icon from the menu on mobile devices only?
mobile devices will have on html the class: avia_mobile
so you can try this:
.avia_mobile #menu-item-search {
display: none !important;
}
Thanks.
Can you see if there’s any issue with the following code:
#top .av-masonry-load-more {
display: inline-block;
border-radius: 15px;
transform: translateX(-50%);
position: relative;
top: 15px;
color: #fff;
background-color : rgb(30,205,215) !important;
font-size: 24px !important
}
When I add code below it inside the custom CSS nothing happens but when I add the code above it it works. So I guess something is OFF with the code above.
Any ideas?
Dear Bakbek – i’m a Participant as you – i can help if i can see f.e. a testpage or a link.
If your website has to be secret for the public here, then you only have to wait for a mod.
For me it only works with the left: 50% rule – but i do not see your setup.
Hi,
Theres a semi-colon missing in the code you posted:
#top .av-masonry-load-more {
display: inline-block;
border-radius: 15px;
transform: translateX(-50%);
position: relative;
top: 15px;
color: #fff;
background-color : rgb(30,205,215) !important;
font-size: 24px !important;
}
If you should need any further help on this then we need to see the actual problem on a page to be able to help.
Best regards,
Rikard
no that is not correct – the last entry of such a css code need no semicolon at all.
A lot of minimizer tools do that on default – the semicolon only separtes the attributes against each other. So the last one does not need it – but:
A lot of people will do it out of habbit – and so you do not accidentally forget it when adding lines.