
-
AuthorPosts
-
June 4, 2015 at 10:39 pm #454783
Hi there,
Thanks for making such a great theme – just purchased it this morning, and am having a blast setting up my new website!
Please can I report what appears to be a minor bug with the “Fullwidth Easy Slider”? I’ve set one up on my site with two link buttons, but if the size of the browser window is such that the buttons do not sit on a single line, the second button is slightly offset from the first, as in the attached screenshot. I’ve tested this with Firefox/IE –
http://www.matridley.com/fullwidth_easy_slider_bug.png
I’ve added the following to my custom css file, which seems to fix the issue, but I am not sure if this will have any other knock-on effects elsewhere or with other browsers –
.avia-slideshow-button-2 { margin-left: 0px !important; }
Hope that helps, and thanks again!
Mat
June 5, 2015 at 7:11 am #454954Hey Mat!
Thank you for using Enfold.
We need to access to the website. Please post the login credentials here. Try to add the code inside a css media query:
@media only screen and (max-width: 767px) { .avia-slideshow-button-2 { margin-left: 0px !important; } }
Best regards,
IsmaelJune 5, 2015 at 8:27 am #454983This reply has been marked as private.June 6, 2015 at 9:12 am #455421Hi!
Left margin is set to 0 when I checked the page. Please remove browser cache then reload the page.
Best regards,
IsmaelJune 6, 2015 at 1:25 pm #455485Hi Ismael,
Sorry, it’s still broken for me, in both Firefox (38.0.5) and IE (11.0.9600.17801), even after clearing cache. I also installed Chrome, same problem there :(
I did find that if I increased the px value in the code you sent, it works OK. Currently, I’ve got it set to
@media only screen and (max-width: 2767px) { .avia-slideshow-button-2 { margin-left: 0px !important; } }
… but that’s just a more or less random number. Can you explain how you came up with 767, so I can try to calculate something better? Thank you!
June 8, 2015 at 7:03 pm #456295Hi!
767px is the maximum width of the screen size. So the code will only be effected till this number. When you use 2767px then pretty much every screen will be effected by this code.
Are you experiencing the issue on desktop or on mobile device? because it seems totally fine to me on mobile device:
Best regards,
AndyJune 10, 2015 at 9:24 am #457064Hi Andy,
Thanks for the explanation…
The issue is there on desktop browsers, but only when the browser window is sized such that the two boxes cannot sit next to each other, but are stacked on top of each other instead (as per the screenshot).
Interestingly, on an iphone, I can’t actually see the second box at all!
Sorry….!
June 11, 2015 at 4:46 pm #457900Hi!
did you make changes? because I can’t see any buttons at all anymore. We would need a link to be able to inspect the elements and provide you some CSS code.
Regards,
AndyJune 11, 2015 at 7:03 pm #457982Hi Andy,
Yes, I did change the banner, to remove the buttons – the website’s now live, so I decided to just bypass this (minor) issue for now.
I tried to set up another page with a slider so we could investigate further, but on that page everything was behaving as it should (with Ismael’s originally suggested fix still applied)… so I think it’s probably best just to close this ticket now. But thank you so much for your persistence in trying to get to the bottom of the problem!
June 12, 2015 at 7:26 am #458201 -
AuthorPosts
- The topic ‘Minor bug report with Fullwidth Easy Slider, Enfold 3.2’ is closed to new replies.