• Resolved jlanpheer

    (@jlanpheer)


    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.

    • This topic was modified 2 years, 1 month ago by jlanpheer.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @jlanpheer,

    Why don’t you just enable/disable the Transparent Header from Astra Meta Settings?

    If you would like to have the Transparent Header enabled on the entire site, and have the regular Header on one or two pages, then you can enable the Transparent Header from the Customizer and disable it on the specific page from Astra Meta Settings of that page.

    If you would like to do the opposite, then you can disable the Transparent Header from the Customizer, and enable it on the specific page from Astra Meta Settings of that page.

    Apart from that, if you would like to discuss more about the Custom Layouts module, since it is coming from the Astra Pro plugin, please open a ticket through our Support Portal, instead of discussing it here. Discussing anything related to the pro version is not allowed in this forum, as mentioned in the Forum Guidelines.

    Kind regards,
    Herman ??

    Thread Starter jlanpheer

    (@jlanpheer)

    Hi Herman, thanks again for your suggestions, i did finally figure this out and i appreciate your response and help.

    cheers, jim.

    Good to know that, Jim! ??

    Feel free to start a new thread if there is anything else related to Astra we can help you with.

    Kind regards,
    Herman ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Icon in Secondary Header using Astra Pro’ is closed to new replies.