menu item spacing & move search icon

[itsthelifeuk]

Hi,

The code you gave me has defo worked but there are still some issues;

#1 The search icon still appears under the main menu.
#2 The search icon on the top black bar menu is invisible once you select it, so it cant be found until you hover over it again.
#3 The search icon is in the middle of both the social icons and the last top menu item called home2 and it needs to be closer to home2.
#4 Preferably id like the colour of the search icon to stand out a bit and be same colour as menu text next to it.

Almost there!

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#menubar-controls{
display:none !important;
}
.icon-search{
color:#fff !important;
}

Thanks
Mohammad

[itsthelifeuk]

Hi,

that’s worked and sorry to be fussy but there’s a line underneath the icon? Picture attached.

Thanks

Attachments:

You must be logged in to view attached files.

[itsthelifeuk]

Hi,

And it doesn’t turn blue when you highlight it either?

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.icon-search:hover{
display:none !important;
}

Thanks
Mohammad

[itsthelifeuk]

Hi,

The code hasn’t worked, it just goes all weird and flashes and becomes useless so you cant use the search properties.
Also is that meant to sort out the line underneath the icon as well as the turn blue when you highlight it option?

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.icon-search:hover {
    text-decoration: none !important;
}

Thanks
Mohammad

[itsthelifeuk]

Hi,

Still nothing, it still flashing.

Thanks

[itsthelifeuk]

Hi,

To make things easier don’t worry about the colour just the line underneath the icon.

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

.search-activate{
text-decoration: none !important;
}

Thanks
Mohammad

[itsthelifeuk]

Hi,

It’s still just flashing.

Thanks

[itsthelifeuk]

Hi,

I’ve noticed that when you select the icon to open up the search properties and then click again to close the properties the line goes away, and after that if you keep repeating it the the line is only there when you open the properties, maybe that might help?

Thanks

[Mohammad – SUPPORT]

Hi,
Please remove the last reply code and use this code:-

a.search-activate:hover{
text-decoration: none !important;
}

Thanks
Mohammad

[itsthelifeuk]

HI,

Still flashing.

Thanks

[David Martin – Support]

Hi,

Please add this:

a#search-activate .icon-search:hover {
    display: inline-block !important;
}

Thanks