Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2019 at 4:59 pm #1075545
    mterrianrode

    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

    March 7, 2019 at 10:42 am #1075898
    Rikard

    Hey mterrianrode,

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

    Best regards,
    Rikard

    March 7, 2019 at 7:27 pm #1076096
    mterrianrode
    This reply has been marked as private.
    March 9, 2019 at 9:23 am #1076667
    Rikard

    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

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