Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Change Menu ICON

edited March 2017 in Menu / Mega menu
Hello,

I am searching a way, maybe with CSS, to change MENU BUTTON on Simple header (the one with three lines), with some custom picture. But it seems that this is not a picture at all, am i correct? How to achieve this?

P.S: I saw that actually in ICONs, there is a icon icon-menu-fine. I will be fine with just instructions where is this icons file located, since i cannot find it and just to replace it.

Comments

  • Sorry for double post but...Any clue which file is the one that holds icons? I cannot find anything in theme files. These icon pictures must be packed somewhere?
  • Please sign in to see answear!
  • Please sign in to see answear!
  • edited March 2017
    Aha...Since my knowledge in css is very minimal, how can just switch image? I will prepare new image that i want for icon with same resolution, in .png i guess (?). How to "define" it and where as a class, and then to put it there?

    The image icon is icon-menu-fine. What to write to switch it with my custom image, that i will upload somewhere on the server? Can you provide me such support? Thanks in advance.

    I tried this <i class="home" src="http://artag.shop/wp-content/uploads/2017/03/test.jpg"></i>

    But i get only black square and i think is not correct.
  • Please sign in to see answear!
  • edited March 2017
    Yes, now is working. Thanks you!!
    But i have small issue. On all pages "height: 35px" as style works fine, except SHOP and CART page. I guess there is some other settings for them in templates.

    Can you help me with css selector for them to put !important of height? Or if you suggest other way to adjust height of the icon.

    .responsive-menu-toggle .home { height: 100px !important;}

    is not working.


  • Please sign in to see answear!
  • edited March 2017
    It seems that is working only half, for the height.

    It turns out that proper selector is this one:

    .responsive-menu-toggle > span:nth-child(1) { height: 45px !important;
     width: 45px !important;
    }

    Thanks for the hint where to look.
  • Please sign in to see answear!
  • edited January 16
    Hello again,

    I finnaly decided to update theme to latest version and wordpress also, but, my menu icon not seems to be transparent for some reason...The code in theme options>responsive>header is the same, icon picture is there, NOTHING was changed except update wordpress and Betheme.... Did you guys change some classes or something like that? I cant find reason why is not working. when i remove code in Button|Text field menu icon is visible, but its not that one that i want?

    I know that my support was expired, but i need help only with this, i didnt change anything. Thanks in advance!

    The site is http://artag.shop/
  • Please sign in to see answear!
  • This one:



    All CSS code related to menu icon in custom CSS is this:


    .responsive-menu-toggle.home { height: 45px !important;
    }
    .responsive-menu-toggle > span:nth-child(1) { height: 55px !important;
     width: 55px !important;
    }


    If this is because of this HTML tags, how to achieve this again? This picture to be as a menu button?

  • Please sign in to see answear!
  • "leave the simply text there"

    Which text? By default it is empty i think? I mean is there other way to display picture for menu button with this option?
  • Please sign in to see answear!
Sign In or Register to comment.