Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 14, 2016 at 11:32 am #565319
    amrman0

    Hello,
    Please let me know if there is a way to make the 2 buttons on my full screen slider the same width (the text inside the 2 buttons has different width, so the width of the 2 buttons is different). Anyway, can I make the width of the smaller button as big as the wider button? This request was made by my client so that the page looks better on mobile devices. Attached is the URL of the page, thanks a lot.

    • This topic was modified 8 years, 11 months ago by amrman0.
    January 14, 2016 at 7:02 pm #565694
    Yigit

    Hi amrman0!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
#top .avia-slideshow-button {
    margin-left: 0!important;
    display: block;
}}

    Regards,
    Yigit

    January 15, 2016 at 6:32 am #565953
    amrman0

    Hi, thanks Yigit for your support. I added your code but there was no change, it didn’t work.
    I have attached login credentials to my staging site in case you need to try new CSS there.

    • This reply was modified 8 years, 11 months ago by amrman0.
    January 17, 2016 at 2:10 am #566691
    Vinay

    Hey!

    The code provided earlier by Yigit is working please check screenshot in private message.

    Vinay

    January 18, 2016 at 11:26 am #567069
    amrman0

    Thanks Vinay for your help. You’re right, it’s fixed now on mobile devices only (which is fine since the client doesn’t mind the issue on desktops). However, anyway we can make the buttons less wide? They are taking almost the whole width of the screen now.

    January 18, 2016 at 11:39 am #567077
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
#top .avia-slideshow-button {
    width: 70%;
    margin: auto!important;
    margin-bottom: 10px!important;
}}

    Best regards,
    Yigit

    • This reply was modified 8 years, 11 months ago by Yigit.
    January 18, 2016 at 6:46 pm #567307
    amrman0

    Thank you for your reply Yigit. I did add the additional CSS code that’s in your latest message, but nothing has changed, the buttons are still too wide, just like in the screenshot above (I cleared the phone browser history before testing as well).

    January 19, 2016 at 10:20 am #567726
    Vinay

    Hi!

    Please hold the shift key and refresh a few times i think you are seeing the cached version of the site.

    Regards,
    Vinay

    January 19, 2016 at 10:39 pm #568194
    amrman0

    Thank you very much for your really great support , Enfold is really the best.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full screen buttons width’ is closed to new replies.