Header on mobil

View header on mobile.
Black frame, and how I can avoid that image fills your space?
Thanks

http://www.graphictime.com.co/new_way/

Hi

When I try Your url I got "ERROR 403 - FORBIDDEN" can You please instruct me how can I get an access to it to check the code ?

Sorry today actívate the site
http://www.graphictime.com.co
Thanks

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:860px) {
#gkHeaderMod img {
    width: 105%;
}
}

@media only screen and (max-width:840px) {
#gkHeaderMod img.parallax-img {
    height: auto !important;
    max-width: none !important;
    width: 130% !important;
}
}


Even seeing themselves black bars.

Thanks

Hi

I'm sorry, but I do not understand. Do You mean it didn't work ? What is wrong exactly ?

I put the code to override sent me but does not eliminate the black bars on phone.
Thanks

see image

Hi

Simply my code is not used by Your site since You have an error in a class before it:

Code: Select all

/*submarino*/
.submarino{
  animation: movimiento 50s
    @keyframes movimiento{
      from { margin-right: 50%;
        top { marign-raight: -30%;
        }
       
        /*espacios negros en cel*/
@media only screen and (max-width:860px) {
#gkHeaderMod img {
    width: 105%;
}
}

@media only screen and (max-width:840px) {
#gkHeaderMod img.parallax-img {
    height: auto !important;
    max-width: none !important;
    width: 130% !important;
}
}


look at this part:

Code: Select all

/*submarino*/
.submarino{
  animation: movimiento 50s
    @keyframes movimiento{
      from { margin-right: 50%;
        top { marign-raight: -30%;
        }


I would advice to simply remove it since it's not working too.