Change home button icon

[Haz]

Good day,

Recently used menus from creative cloud.

Could you please tell me how do i change Avilon home button to my logo image and how do i change grey underline below header to black.

Thank you in advance!

[ruenel]

Hello @Haz,

Thanks for writing in!

1.) To change the Avilon text with your logo image, simply upload it in Pro > Theme Options > Header > Logo - Image. You can check out this documentation as well:

• https://theme.co/docs/header#logo-image

2.) By default, the border color of the navbar is grey. If you want to change it, it needs a custom CSS. It is using this color in the styling sheet:

.x-navbar {
    border-color: rgba(255,255,255,.5);
}

Feel free to edit the code above and change it to black. You can then add your code into Pro > Theme Options > CSS.

Kindly let us know how it goes.

[Haz]

Thank you so much, it worked.

Could you also please tell me. When im viewing my website on mobile, I click on menu button, but nothing happens, in fact menu is expanded but its not visible unless you scroll screen down,

How do i force menu items to appear or push up when menu button is clicked on mobile?

Thank you a lot !

[ruenel]

Hello @Haz,

What you have now is the default behavior of the mobile menu since you have added the slider above the masthead. If you want the mobile menu to be emphasized and have it focused, you can swap out the placement of the slider and the menu. Simply deactivate the slider above the masthead and reassign it below the masthead instead. To know more how the slider was integrated and how you can change it, please check out this documentation:

• https://theme.co/docs/append-sliders-to-your-header

Hope this helps.