Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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

    #454954

    Hey 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,
    Ismael

    #454983
    This reply has been marked as private.
    #455421

    Hi!

    Left margin is set to 0 when I checked the page. Please remove browser cache then reload the page.

    Best regards,
    Ismael

    #455485

    Hi 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!

    #456295

    Hi!

    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,
    Andy

    #457064

    Hi 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….!

    #457900

    Hi!

    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,
    Andy

    #457982

    Hi 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!

    #458201

    Hi!

    Glad we could help :)

    Please open a new thread if you should need any more help.

    Cheers!
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Minor bug report with Fullwidth Easy Slider, Enfold 3.2’ is closed to new replies.