lauracgc8

Thank you!

Hello Imran,

It work perfectly!!!!! Thank you so much!
it looks great now in my phone!
you’re the best ??

Hello Imran,

I’ve just did that, but still not working, it looks good on my computer, but not in my phone… the header looks big:
https://www.lismilland.com/evangelismo/

Hello Imran,

Thank you for your responde, but it didn’t work ??

I still see Big the Headers in my phone, here are some screens capture from my phone:
https://lismilland.com/wp-content/uploads/grid-gallery/Phone%20Screens.pdf

So far this is the code that I am working on, please let me know if I should add something:

/*Header 01 Sanidad I—*/
.page-id-111 .page-mycarousel {
background: url(‘https://www.lismilland.com/wp-content/uploads/2018/07/Headers_01-1.jpg’) repeat scroll 0 0 / cover #143745 !important;
box-shadow: 0 7px 10px -10px #000;
padding: 336px 0 65px;

}

/*Header 02 Evangelismo—*/
.page-id-265 .page-mycarousel {
background: url(‘https://www.lismilland.com/wp-content/uploads/2018/07/Headers_02.jpg’) repeat scroll 0 0 / cover #143745 !important;
box-shadow: 0 7px 10px -10px #000;
padding: 336px 0 65px;
}

/*Header 03 Contacto—*/
.page-id-337 .page-mycarousel {
background: url(‘https://www.lismilland.com/wp-content/uploads/2018/07/Headers_07.jpg’) repeat scroll 0 0 / cover #143745 !important;
box-shadow: 0 7px 10px -10px #000;
padding: 336px 0 65px;
}

/*To Enable different Headers —*/
.page-mycarousel { background: url(‘https://lorempixel.com/output/sports-q-c-1600-400-5.jpg’) repeat scroll 0 0 / cover #143745 !important; box-shadow: 0 7px 10px -10px #000; padding: 336px 0 65px; } .page-mycarousel .img-responsive { display: none; } @media (max-width: 1441px){ .page-mycarousel { padding: 300px 0 15px; } } @media (max-width: 1200px) { .page-mycarousel { padding: 250px 0 15px; } } @media (max-width: 992px) { .page-mycarousel { padding: 200px 0 15px; } } @media (max-width: 768px) { .page-mycarousel { padding: 150px 0 15px; } } @media (max-width: 480px) { .page-mycarousel { padding: 100px 0 15px; } } @media (max-width: 300px) { .page-mycarousel { padding: 50px 0 15px; } } /*Texto Banner y en Mobile—*/ .flex-slider-center { top: 80% !important; width: 80% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { .slide-text-bg1, .slide-text-bg2 { margin: 0 0 4px !important; } .slide-text-bg3 { padding: 0 !important; } .slide-text-bg1 h2 { font-size: 24px !important; line-height: 30px !important; } .slide-text-bg2 h1 { font-size: 28px !important; line-height: 36px !important; border-top: 1px solid #ffffff !important; border-bottom: 1px solid #ffffff !important; } .slide-text-bg3 p { font-size: 12px !important; line-height: 20px !important; } } @media (max-width: 480px) { .flex-slider-center { width: 100% !important;