[AlanF]

Hi, I was wondering is there a way to change the arrow-dark.png icon that appears on right hand side of the responsive menu in Catch Box to something like a “Menu” button icon?

[Sakin]

@AlanF: You can upload new menu icon image in your site and then add edit the following css where your menu image should be replaced by image URL and then add it in “Appearance => Theme Options => Custom CSS” box.

.tinynav {
	background: url("your menu image") right 1px no-repeat;
}

[AlanF]

Sakin, thanks for that.

I created a small 55×20 button image with some blank space to the right (as the small arrow icon still appears on top of my uploaded image). It now works perfectly. Super fast response as always. Thanks again.

[Sakin]

@AlanF: Thanks for your appreciation. If you like Catch Box theme and Catch Theme support then please support Catch Box theme by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-base?rate=5#postform. Thanks 🙂

[emree025]

Hello. I did what above is written. But now I have 2 icons.
Here you can see:

http://de.tinypic.com/view.php?pic=saxllg&s=8#.VSO3WJObGnk

How to delete the other dark arrow before ? Which size px the icon should have ?
Maybe you have sample icons for download ?

[Sakin]

@emree025: Looks like you care viewing it from desktop that is why you are seeing two. In desktop browser it will display that arrow automatically. So, you can check from your mobile and you will not see two.

[AlanF]

I ended up with two images also, but when I created my button I left the space to the right to have the arrow on my button. Here is my button if it helps:

http://www.savingdylan.com/wp-content/uploads/2015/04/menu-button-light.png

[Author]

Posts