Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 20, 2016 at 1:38 pm #586450
    fairusd

    Hi guys!

    Love Enfold to the core!!

    Layout looks great but when it comes to mobile mode, the button adapts to weird size.

    Scroll all the way to the bottom (the yellow background part with 3 buttons).

    I need all 3 buttons to have FIXED width in mobile.

    How do i go about doing that?

    February 20, 2016 at 2:51 pm #586457
    Basilis

    Hi fairusd!

    First of all, thanks a lot for your kind words, we do appreciate them a lot.
    What should be their fixed size, can you please let us know?
    How do you want them to appear, one below the other or in the same row?

    Best regards,
    Basilis

    February 20, 2016 at 2:56 pm #586459
    fairusd

    Thanks for replying!

    I need the 3 buttons to be displayed one below the other with FIXED width.

    Right now the 2nd buttons appears shorter than the other two.

    Would be great if you recommend a specific width that will make them appear the same in mobile.

    Thank you!

    February 23, 2016 at 6:45 pm #587886
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
.avia-button.avia-size-x-large { min-width: 300px; }
}

    Cheers! 
    Josue

    February 24, 2016 at 10:13 am #588268
    fairusd

    Thanks Josue!

    I tried the CSS but it did not work :(

    I looks great on desktop but not on mobile – the black buttons.

    Would be great if you could help me fix it.

    February 24, 2016 at 10:15 am #588269
    fairusd

    Hey i got it to work!

    Apparently i missed out copying a character from your code.

    Thanks!!

    February 24, 2016 at 5:42 pm #588541
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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