SKT Girlie Pro > space top banner and body txt

[Yvonne]

Hi there,

because im using a bg top banner (column) I made some settings with you before. Now on a desktop its ok but on a mobile/tablet device there is too much padding on almost every page between the top banner and the text.

Can you provide me with the right css?

See for ex. http://eye2design.nl/contact/ (mobile and tablet size). Many pages has this top banner so its for all pages.

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

@media screen and (max-width:767px){
.skt-builder-block-description {
    margin-bottom: 0;
}
#skt-builder-columns-block-59 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#skt-builder-columns-block-59 .skt-builder-column { margin-bottom:0 !important;
}
}

Regards,
Dave

[Yvonne]

I searched all mistakes and now its not showing here?

[Yvonne]

-/bedrijfsfotografie/ text not going up on mobile
-/drone-fotografie/ text not going up on mobile
-/matterport/ text not going up on mobile
-/inmeten-van-uw-woning/ text not going up on mobile
-/eenvoudig-online-inboeken/ text not going up on mobile

[Yvonne]

***

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

@media screen and (max-width:767px){
#skt-builder-columns-block-402, #skt-builder-columns-block-60, #skt-builder-columns-block-78, #skt-builder-columns-block-3368, #skt-builder-columns-block-72 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#skt-builder-columns-block-60 .skt-builder-column { margin-bottom:0 !important;}
.skt-builder-block-description {
    margin-bottom: 0;
}
.skt-builder-column {margin-bottom:0 !important;}

}

Regards,
Dave

[Yvonne]

nope, most of pages still have the padding. One page even the top banner is gone.

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Dave

[Yvonne]

ibb.co/J5m00xs top banner gone on mobile

ibb.co/zVbsXKR to much space mobile on different pages

[Sonnal S Sinha]

Hi,

We checked, there is no banner image appear. kindly add page featured image from the media gallery.

Regards,
Dave

[Yvonne]

I dont know what you checked but there is a top banner and it disappear on mobile: http://eye2design.nl/bedrijfsfotografie/

[Sonnal S Sinha]

Hi,

Kindly use this CSS:

@media screen and (max-width:479px) {
#skt-builder-columns-block-402, #skt-builder-columns-block-60, #skt-builder-columns-block-78, #skt-builder-columns-block-3368, #skt-builder-columns-block-72 { min-height:64px;}
}

Regards,
Dave

[Yvonne]

Nope, and again it is not working.

-/bedrijfsfotografie/ text not going up on mobile
-/drone-fotografie/ text not going up on mobile
-/matterport/ text not going up on mobile
-/inmeten-van-uw-woning/ text not going up on mobile
-/eenvoudig-online-inboeken/ text not going up on mobile

[Yvonne]

I did it with this css code and most of the pages look fine now:

/* top banner – text mobile */
@media screen and (max-width: 767px) {
.sktbuilder-text {
margin-top: -140px!important;
}
}

Only this page has the problem and now I cant use the same code:
-/matterport/ text not going up on mobile
Can you check this one?

[Sonnal S Sinha]

Hi,

You have added a banner image in the background, which is causing the problem. kindly add banner image from the page featured image.

Regards,
Dave

[Author]

Posts