Storefront and/or child theme header image

  • Resolved indig0f10w

    (@indig0f10w)


    5 years, 4 months ago

    Hello, I am trying to make a simple change to Storefront or it’s child themes. Only thing I need is to set a header image (not logo) above navigation bar and centered.

    I Googled, tried plugins, searched forums and I just cannot do it. I would buy a theme and I made an account but if this is not possible in any themes it’s a no go situation.

    Any help would be highly apprecited. Thank you all.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey @indig0f10w

    Do you have a screenshot or mockup of how you’d want this, or a link to your site? It might be best to just use some CSS code with it, but I’d need to see what you have in mind before I can come up with some code.

    Thread Starter indig0f10w

    (@indig0f10w)

    Mockup linked below. I cannot do it for any Storefront theme, Deli is just an example. All WooCommerce themes are made this way.

    Thank you for your time and trouble.

    https://imgur.com/a/8UgB8Du#KvQ6KBo

    P.S. I know how to remove search and cart.

    • This reply was modified 5 years, 4 months ago by indig0f10w.

    Hi @indig0f10w,

    One option that might be feasible, with some CSS, is to use the Site Logo to upload your header image. Then with a few tweaks you can make it take up the full width of its container and appear close to your mockup. This is what I’d tweaked


    Link to image: https://cld.wthms.co/P46Si9

    
@media (min-width: 768px) {
 .site-header .site-branding img {
    max-width: 100%;
  }

  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 100%;
    margin: 0;
  }
}

    Should be a decent start, but my friend Senff might have an even better solution. ??

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Storefront and/or child theme header image’ is closed to new replies.