Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 26, 2019 at 3:44 am #1122033
    projectt_co_uk

    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

    July 26, 2019 at 5:07 am #1122055
    Mike

    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

    September 15, 2019 at 1:33 am #1138434
    projectt_co_uk
    This reply has been marked as private.
    September 15, 2019 at 3:30 pm #1138522
    Mike

    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

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