Header Builder - by ejder077 - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 4 years ago ago by Rose Tyler

  • Avatar: ejder077
    ejder077
    Participant
    April 15, 2020 at 08:55

    Hi,

    I am using the header builder to create a connection block. The left part is an icon (Static block) that can link to the home page and the right part is the rest of the menu.

    But the icon (Static block) cannot be shown once I save it. The icon has a padding of 10px now. My initial was 30px, but I found that the icon will disappear totally when I set the padding into 30px. May I ask why?

    Or if this method is not that great, can you suggest another way to make the home page as an icon on the menu?

    Thank you

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 15, 2020 at 09:40

    Hello,

    Add Home page in the menu and upload an icon for it, then “Disable navigation label” and select “Use img like” – Image, in settings of the menu item http://prntscr.com/rzntz3

    Regards

    Avatar: ejder077
    ejder077
    Participant
    April 15, 2020 at 10:59

    I am able to complete “Disable navigation label” and select “Use img like” – Image, but how can I “Add Home page in the menu and upload an icon for it”?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 15, 2020 at 11:08

    Go to Appearance > Menus > http://prntscr.com/rzprnu http://prntscr.com/rzps5t http://prntscr.com/rzpt1r (in your case it will be an image of the home icon) http://prntscr.com/rzpu8y > http://prntscr.com/rzpusg

    Regards

    Avatar: ejder077
    ejder077
    Participant
    April 15, 2020 at 11:25

    Thank you.

    1. I set the icon, but the level of the icon is a little bit lower than the others. How can I make them on an equal level? https://ibb.co/LRq1ZnW

    2. Also, I set 10px padding for the header items, but seems the “home” icon is not affected
    https://ibb.co/BwC7Mqv

    3. Can I set 1 icon for normal and 1 for hover/activate? The one for activate is fine, but when I click on another page, the icon cannot be seen as it is in white color.
    https://ibb.co/100HHH4

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 15, 2020 at 12:51

    Hello,

    We’ve noted your report/requests on our task list.
    As for now, you need to use custom CSS code:

    .et_b_header-menu.et_element-top-level .menu .menu-disable_titles .type-img img {padding: 10px 10px 8px 10px;}
    .et_b_header-menu.et_element-top-level .menu .menu-disable_titles {
        margin-top: -12px;
        margin-right: 5px;
    }
    .et_b_header-menu.et_element-top-level .menu .menu-disable_titles > a {
        background-color: #636566 !important;
    }

    Regards

    Avatar: ejder077
    ejder077
    Participant
    April 16, 2020 at 01:53

    Ok, I will use this for now. I am looking forward to hearing from you.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2020 at 07:00

    Please follow our changelog – https://xstore.8theme.com/update-history/

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.