Remove 3d effect on top_bar_right?

dvelys · May 2015

Hi is it possible to remove that shadow 3d effect?

I really like the Modern menu, but that shadow is annoying me.

url - http://www.gavindvelys.co.uk/eastanglia/

Thanks

Albert · May 2015

Hi,

to remove this shadow from top bar, please use below css:

#Top_bar .top_bar_right::before { background-image: none !important; }

dvelys · May 2015

Thank you!

dvelys · May 2015

Could you tell me the code to remove the background colour there now also.

I tried my own code, but it didn't work.

I thought it would be:

#Top_bar .top_bar_right::before { background-color: none !important; }

Albert · May 2015

Do you mean to remove background color of whole right top bar where search icon is?

dvelys · May 2015

Basically I would like to remove the shadow completely, is that possible?

So it goes from this:

To this:

Also is it possible to change the height of the menu? It is a bit thick at the moment, something like this:

http://www.gavindvelys.co.uk/eastanglia/

Thanks!

Albert · May 2015

Sorry but it's not possible to do what you showed on screenshot. The only possible thing we gave you already above. About 2nd question, if you will change header style, we'll check if it is possible to decrease header height properly.

dvelys · May 2015

Yes, changed, sorry.

Albert · May 2015

Ok. So you can do this with below css:

.menu-highlight:not(.header-creative) #Top_bar .menu > li > a { margin: 10px 0; }
#Top_bar #logo { height: 40px; padding: 5px 0; }
#Top_bar .top_bar_right::before { height: 70px !important; }
#Top_bar .top_bar_right { height: 70px !important; }
#Top_bar a#search_button { top: 26px !important; }

dvelys · May 2015

Wow - super! Thanks for taking the time to do that.

Albert · May 2015

You're welcome

Remove 3d effect on top_bar_right?

Comments