Icon in Secondary Header using Astra Pro
-
I have paid for the Astra Pro theme, after reading that it was very customizable. I was able to create my primary my primary header/nav using the Header Builder without any issues at all. Like many sites, it contains a logo which, when clicked on, takes you back to the fron landing page. However, it is a transparent header which will not work on other pages of my site that use a different color background. So, i’m trying to create a secondary header/nav to use on non-landing pages which is basically the same as my primary header, but with some color changes and is not transparent.
By going to Appearance->Customize->Astra Options->Custom Layouts, i was able to create a second header. So far, so good. The problem is that i cannot seem to replace the menu item that would take me back to the front landing page with my site icon. Everything that i’ve tried has failed and i don’t see how it can be done. I googled it and found this article from Astra which seems to say that i need to install ANOTHER plugin in order to make this work, can that be right?
I’ve also tried adding some custom CSS to the customization options for the theme such as the below. In addition to the code below, i added the “.home-icon” css class to the menu in the Appearance->Menus area. There’s a button there for “Astra Menu Settings” there but it does not seem to offer any options that are applicable here. At any rate, this custom CSS route does not seem to work either. The code is below.
.home-icon {
background-image: url(‘https://localhost:8888/path/to/my/images/Logo.svg’);
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}So, the “custom layouts” don’t seem very “customizable” to me, at least in this header/nav area. What i trying to do is pretty straightforward and is more or less exactly the same as the main header/nav that i created in the Header Builder for the front page, while changing some of the colors and removing the transparency from the header. Am i missing something here?
Thank you for any suggestions/guidance that you can offer.
- The topic ‘Icon in Secondary Header using Astra Pro’ is closed to new replies.