*

ally

  • ***
  • 33 posts
How to replace icons on main page menu
« on: November 23, 2017, 07:40:10 AM »
Hi,

How can I replace the icon on my menu. I want it to be like this.

thanks

*

MB Themes

Re: How to replace icons on main page menu
« Reply #1 on: November 23, 2017, 08:23:59 AM »
@ally
Go to theme settings, change settings to not to use font awesome icons and upload your images at bottom.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ally

  • ***
  • 33 posts
Re: How to replace icons on main page menu
« Reply #2 on: November 23, 2017, 09:13:04 AM »
How can I make the image fill the white circle. The image is too small.
« Last Edit: November 23, 2017, 09:14:40 AM by ally »

*

MB Themes

Re: How to replace icons on main page menu
« Reply #3 on: November 23, 2017, 09:17:53 AM »
@ally
I recommend to look on CSS and how to work with it. Remove padding and increase width & height of that image.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ally

  • ***
  • 33 posts
Re: How to replace icons on main page menu
« Reply #4 on: November 23, 2017, 09:27:06 AM »
is that on style.css or tab.css. do you have a code that I can use to copy and paste.

Thanks

*

MB Themes

Re: How to replace icons on main page menu
« Reply #5 on: November 23, 2017, 10:17:59 AM »
@ally
Use google chrome browser console to identify correct style sheet, line and code.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

ally

  • ***
  • 33 posts
Re: How to replace icons on main page menu
« Reply #6 on: November 24, 2017, 05:50:59 AM »
playing around on style.css for almost a day and still cant find the exact code on this. If anybody knows on this please help.

Thanks

*

ally

  • ***
  • 33 posts
Re: How to replace icons on main page menu
« Reply #7 on: November 24, 2017, 06:47:50 AM »
I already fix it.

On style.css

look for:

#top-cat ul li .img img {width:auto;height:24px;max-width:100%;margin:23px auto;position:relative;z-index:9;}

and replace it with:

#top-cat ul li .img img {width: 100%; height: auto; margin: auto; position: relative; z-index: 9;}

*

ally

  • ***
  • 33 posts
Re: How to replace icons on main page menu
« Reply #8 on: November 24, 2017, 07:04:46 AM »
How can I align the image to the circle?

*

MB Themes

Re: How to replace icons on main page menu
« Reply #9 on: November 24, 2017, 08:24:41 AM »
@ally
Use google chrome console, use responsive tool and check if image has some margin there.
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots