Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 10, 2015 at 11:47 pm #533759
    MindSpark

    Hi.

    I am building a site with a 3d shredded paper graphic as part of the logo. so the #header_main background area should have 2 colors – white on the left and black on the right. everything is good until the screen sizes down to just before converting to mobile….

    you can see what I have done here: http://mindsparklabz.com/dev/shred360-2/

    but I need it to behave like this: http://shred360.com/ – see how fluid the header bg is no matter how small the screen sizes down?

    I have been trying for 2 days to make it right… some is probably my inexperience with this type of advanced feature, but Im hoping there might be a way to add a container within the #header_main module – or maybe you have another suggestion.

    as always, thanks.

    November 11, 2015 at 3:53 pm #534119
    Andy

    Hey MindSpark!

    not sure what you mean, because both sites look pretty much the same for me. Can you highlight what you mean by using screenshots please? you can use imgur.com or dropbox.

    Regards,
    Andy

    November 11, 2015 at 3:56 pm #534123
    MindSpark

    I actually figured it out on my own!

    Here is how I did it:

    ‘.inner-container {
    background-color: #111;
    }

    .header_bg {
    background: -moz-linear-gradient(0deg, #fff 20%, #111 50%, #111);
    z-index:0 !important;
    background: -webkit-linear-gradient(0deg, #fff 20%, #111 50%, #111);
    }’

    thanks for the reply!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Split background problem’ is closed to new replies.