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

    Hi,

    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: http://www.sarwiya.com

    #85409

    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(http://sarwiya.com/work/wp-content/themes/pixelgray/images/icons/menu.png);
    background-attachment: initial;
    background-position: left;
    background-position-y: 48%;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent;
    background-size:26px 26px;
    background-repeat:no-repeat;
    -moz-background-size: 26px 26px;
    -webkit-background-size: 26px 26px;
    width:100%; margin:0px 0 -5px 0; max-width:767px;
    padding:20px;padding-left:35px;border:none;
    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. :)

    Regards,

    Ismael

    #85410

    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: http://www.sarwiya.com/icon1.jpg

    #85411

    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.

    Regards,

    Devin

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.