Header Image

Hi, 

I added a new header image for the pages and it fits perfectly on windows and mobile devices but when you go full screen on Safari, it makes the header image tiled, making it look doubled. Is there any way to fix this?

I am using the pro version of wallstreet theme.

Thanks
Tagged:

Comments

  • Actually just found the solution to my problem, added below code to custom css

    @media screen and (max-width: 480px)
    {
    .page-mycarousel {
          background-size: 100% 100% !important;
         height: 250px;
    }

    }
    @media only screen and (min-width: 200px) and (max-width: 480px) { 
      .page-mycarousel {
        background-size: 100% 100% !important;
         height: 250px;
    }
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) { 
       .page-mycarousel {
             height: 270px;
    }
    }
    @media only screen and (min-width: 768px) and (max-width: 1000px) {  

       .page-mycarousel {

         height: 300px;
    }

    }

    .page-mycarousel {   
                               background-position: center center !important;
           background-size: 100% 100% !important;
           background-repeat: no-repeat !important;
    }



    so please close this discussion

    thank you
  • Hi 

    That's Good !

    Any query let me know

    Close this Discussion.

    Thanks.
This discussion has been closed.