[Hal SeltzerParticipant]

Hello,

It appears that the Button container has a visible top border, possibly with slightly rounded corners, that is a tad unsightly with my charcoal theme colour and on phone/tablet screens.

I’ve inspected the elements and it is not clear to me where this is coming from.

Any suggestions on where and how to remove or style it better?

Thanks!

http://www.oriondesigns.ca

[Peter FeatherstoneKeymaster]

Hey there,

Both the rounded corners and the border are coming from line 303 of this file:

https://oriondesigns.ca/wp-content/themes/vantage/style.css?ver=1.8.1

They are coming from the border-radius and box-shadow rules.

I hope that helps

Peter

[Hal SeltzerParticipant]

I am waving the white flag!

My CSS skills are not strong enough to get the border or shadow removed on the Menu Button only.

Please help, thanks!

[Peter FeatherstoneKeymaster]

Hey Hal,

The below should be all you need:

button#responsive-menu-pro-button {
   box-shadow: none;
   border-radius: 0;
}

I hope that helps

Peter

[Hal SeltzerParticipant]

Works perfectly!

Thank you!

[Peter FeatherstoneKeymaster]

You’re welcome :-)

[Author]

Posts