Home Forums WoodMart support forum Promo banner – Responsive

Promo banner – Responsive

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #35401

    gzelasco
    Participant

    Promo banner in Home Page looks weir in mobile, missing text
    Please see attached

    Attachments:
    You must be logged in to view attached files.
    #35415

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Mobile Custom CSS area in Theme Settings to fix this issue.

    .banners-carousel-wrapper .banner-border .wrapper-content-banner {
    	top: 0;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	border: none;
    }
    
    .banners-carousel-wrapper .banner-increased-padding .wrapper-content-banner {
    	padding: 5%;
    }
    
    .banners-carousel-wrapper .promo-banner .banner-title {
    	line-height: 1.1;
    	font-size: 14px;
    }
    
    .banners-carousel-wrapper .promo-banner .banner-subtitle {
    	line-height: 1;
    }
    
    .banners-carousel-wrapper .promo-banner .banner-title:not(:first-child) {
    	margin-top: 3px;
    }
    
    .banners-carousel-wrapper .promo-banner .banner-btn-wrapper {
    	margin-top: 3px;
    }
    
    .banners-carousel-wrapper .promo-banner .banner-btn-wrapper a {
    	font-size: 10px;
    }

    Regards

Viewing 2 posts - 1 through 2 (of 2 total)