Avada Forums Community Forum Changing header background based on viewport size

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • d3scride
    Participant
    Post count: 4

    Hello,

    I am using the Avada theme and I want to be able to modify the header background to change once it switches to mobile as defined in the fusion theme builder (in this case for me it is 800 pixels). However, it is not clear to me how to do so. Right now I have the following custom CSS:

    @media screen and (max-width: 800px)
    {
    .fusion-header-wrapper{
    background-image: url(“testbackground.png”) !important;
    }
    }

    Can you tell me that this syntax should work assuming the image url is correct?

    d3scride
    Participant
    Post count: 4

    Solution:

    Change .fusion-header-wrapper to .fusion-header

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