Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #581329

    Hi guys, I’m using a full width easy slider on my homepage along with a “Get Started” button that I added through the caption text field. The issue is that if the page is viewed from a different screen size the button’s alignment is either misaligned or the button is not visible at all.

    I sent an imgur link with 3 images, the 1st shows how I would like the button to appear, the 2nd shows the button becoming misaligned as the browser window becomes smaller and the 3rd shows the button not visible at all as the browser window becomes even smaller.

    I would like the button’s alignment to look like it does in the first image across all screen sizes (except mobile, I have the layer slider hidden on mobile).

    Thanks, appreciate the help.

    • This topic was modified 8 years, 10 months ago by samadhi_.
    #582610

    Hey samadhi_,

    Sorry for the late reply, I can’t see the button on the slider on any screen size, did you remove it? Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    #582615

    Hi Rikard, no worries. The button is still there it’s just misaligned/hidden on different screen sizes.

    I sent a temporary admin login, thanks for the help.

    #584304

    Hi!

    We are working on your ticket please wait while we update the results here soon.

    The current html structure does not make it easy to place the button on left and make it’s position relative to the bottom in all screens. But if you like it on the right side it will work in all screens without any issue.

    We have added the below code in Enfold > General Styling > Quick CSS

    .avia-caption-content {
        top: 95%!important;
        left: 0%!important;
    }
    

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 10 months ago by Vinay.
    #584420

    Hi Vinay, I appreciate the help but I really need the button to be on the bottom left as it appears in the attached image.

    Is there another way we can accomplish this? Thanks.

    #584499

    Hi!

    We cannot do that with the current setup but if you switch to LayerSlider instead of a Fullwidth slider and add the button from inside the slider controls without any custom css it should then be relative to the rest of the content in all the screen size.

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 10 months ago by Vinay.
    #585102

    Thanks Vinay, I was able to accomplish what I wanted using the LayerSlider instead of the Fullwidth slider.

    I noticed a problem on Microsoft edge the slider appears fine on initial page load but if you refresh or navigate off and then back to the home page the slide isn’t working properly. Please take a look at the attached image, thanks.

    #586632

    Hey!

    I’m sorry but I don’t have Windows 10 at my disposal yet but when I checked the site on IE8, it looks ok. The slider stays the same when I refresh or navigate off the page. Do you see any errors in the console?

    Best regards,
    Ismael

    #588075

    Hi Ismael,

    I managed to fix the slider issue on microsoft edge by adding the code below to my custom css, thanks.

    /* Fix Bug with Microsoft edge layer slider (slide 1 loading distorted) */
    .ls-bg, ls-preloaded{
    height:350px !important;
    margin-top:0 !important;
    }

    #588743

    Hi,

    Thanks for sharing and glad you got it fixed :-)

    Regards,
    Rikard

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