Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1075545

    Hi there,
    I would like to use a background image, rather than a background color, behind my main menu only (not the whole header)
    I’ll be using “logo center, menu below” for this header.

    It would be a slender background image like this: https://websitesforgood.com/womenleadingtheway/wp-content/uploads/2019/03/menu-background.jpg

    I have tried several CSS combinations but am not finding the right one. Can you suggest a custom CSS way to make this happen?
    Thank you all

    #1075898

    Hey mterrianrode,

    Could you post a link to your site so that we can have a closer look please?

    Best regards,
    Rikard

    #1076096
    This reply has been marked as private.
    #1076667

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #header_main_alternate {
        background-image: url(https://websitesforgood.com/womenleadingtheway/wp-content/uploads/2019/03/menu-background.jpg);
    }
    
    #avia-menu li a {
        background-color:transparent;
    }

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.