Menu above built with this plugin including Mega Menu.

Removing the Buttom Container top border…

This topic contains 5 replies, has 2 voices, and was last updated by  Peter Featherstone 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #50839 Reply

    Hal Seltzer
    Participant

    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

    #50850 Reply

    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

    #50969 Reply

    Hal Seltzer
    Participant

    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!

    #50970 Reply

    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

    #50971 Reply

    Hal Seltzer
    Participant

    Works perfectly!

    Thank you!

    #50972 Reply

    You’re welcome :-)

Viewing 6 posts - 1 through 6 (of 6 total)
Reply To: Removing the Buttom Container top border…
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed