Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1122033

    Hi,

    I have two questions regarding this page http://new.cat1.co.uk/cat5-vehicle-tracking

    1). I have added a full-width slider with caption and a button. However, the button is half showing on mobile screens. How can I adjust the height to make sure it is showing properly on the mobile screen as well.

    2). I am using separator with custom settings of 100px wide and my custom icon. How can I bring the icon to the start of the separator instead it is showing in the middle?

    Your help is always appreciated.

    Kind regards,

    http://www.projectt.co.uk

    #1122055

    Hey projectt_co_uk,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 462px) { 
    #top.home .avia-slideshow-button {
    margin-top: 0px !important;
    padding-top: 0px !important;
    }
    #top.home .avia-caption-title {
    margin-bottom: 0px !important;
    }
    }

    I’m not sure that I saw the “separator with custom settings of 100px wide and custom icon” please show with a screenshot.

    Best regards,
    Mike

    #1138434
    This reply has been marked as private.
    #1138522

    Hi,
    Thanks for the link and screenshot, I wrote this css to be general so it will work for your whole site, but please check thoroughly and let us know if you find any issues. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .hr-custom.hr-left.hr-icon-yes > span.inner-border-av-border-fat:first-child {
    	display: none !important;
    }

    Please see the screenshot in Private Content area.

    Best regards,
    Mike

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