Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #14905


    I’m back again. I noticed the mobile drop down menu shows the browser’s own drop down icon on right. I custom designed the drop down image… so this browser’s buttons looks ugly. Replicating Only in FIREFOX and IE. Any thoughts on how to remove it?

    Check it:


    Hi sarwiya,

    The way I understand your statement above, I believe that you want to remove the new custom styling that you did and bring back the default style. So, kindly remove this line of code in your custom.css:

    #top .mobileMenu{
    background-image: url(;
    background-attachment: initial;
    background-position: left;
    background-position-y: 48%;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent;
    background-size:26px 26px;
    -moz-background-size: 26px 26px;
    -webkit-background-size: 26px 26px;
    width:100%; margin:0px 0 -5px 0; max-width:767px;
    border-bottom:1px solid #999;border-top:0px dotted #333;

    If there are other styling that you have applied to it, just remove it from either custom.css or Quick CSS. Hope this helps. :)




    No I mean I want to keep my custom css but want to remove the browser’s own dropdown icons showing on right hand side.

    Please check the screenshot from this link:


    Hi sarwiya,

    I believe that IE and Firefox don’t let the user css remove some of the default UI elements. You’ll need to use a CSS or javascript hack to hide it in those browsers.



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘HOW TO REMOVE MOBILE MENU DROP DOWN BUTTON IN IE, FIREFOX’ is closed to new replies.