SKT Girlie Pro > space top banner and body txt

Home Forums All Other Themes SKT Girlie Pro > space top banner and body txt

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #174069
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    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.

    #174124
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    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

    #174166
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    I searched all mistakes and now its not showing here?

    #174167
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    -/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

    #174169
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    ***

    • This reply was modified 8 months, 3 weeks ago by YvonneYvonne.
    #174184
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    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

    #174186
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

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

    #174191
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    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

    #174219
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    ibb.co/J5m00xs top banner gone on mobile

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

    #174231
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #174244
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

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

    #174305
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    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

    #174319
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    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

    #174325
    YvonneYvonne
    Participant
    • Topics: 15
    • Replies: 37
    • Total: 52
    Member since: February 17, 2017

    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?

    • This reply was modified 8 months, 2 weeks ago by YvonneYvonne.
    #174327
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.