Return to previous page

Header Builder - by ejder077 - on WordPress WooCommerce support

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

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.

#233519 Copied Theme version: Child 6.2.12

7 Answers

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

#233524 Copied

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.

#233525 Copied

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

#233526 Copied

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

#233534 Copied
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
#233545 Copied
ejder077

Participant

April 16, 2020 at 01:53

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

#233611 Copied

Rose Tyler

Support staff

April 16, 2020 at 07:00

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

Regards

#233622 Copied
Viewing 8 results - 1 through 8 (of 8 total)