Tagged: button alignment, full width easy slider
-
AuthorPosts
-
February 10, 2016 at 7:53 pm #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, 9 months ago by samadhi_.
February 13, 2016 at 4:37 am #582610Hey 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,
RikardFebruary 13, 2016 at 4:53 am #582615Hi 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.
February 16, 2016 at 5:57 pm #584304Hi!
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, 9 months ago by Vinay.
February 17, 2016 at 1:42 am #584420Hi 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.
February 17, 2016 at 7:10 am #584499Hi!
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, 9 months ago by Vinay.
February 18, 2016 at 3:08 am #585102Thanks 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.
February 21, 2016 at 10:37 am #586632Hey!
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,
IsmaelFebruary 24, 2016 at 12:55 am #588075Hi 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;
}February 25, 2016 at 5:26 am #588743 -
AuthorPosts
- You must be logged in to reply to this topic.