Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 23, 2014 at 4:50 pm #255060
    GoodGame

    Hello,

    Example page: http://mobiilikasinot.net/arvostelut/casinofloor/

    Im trying to get Maxbuttons (the green button in the yellow box) to show better on smaller screen sizes. I added this code to custom.css:

    @media only screen and (max-width: 767px) {
    a[class^=”maxbutton-“] .maxbutton {
    height: auto !important;
    }
    a[class^=”maxbutton-“] .maxbutton .mb-text {
    line-height: 1.2em !important;
    }
    a[class^=”maxbutton-“] .maxbutton .mb-text2 {
    line-height: 1.5em !important;
    }
    }

    That has worked previously on different theme, but now the button is cut in the middle. Am I doing something wrong?

    Thanks for the help!

    April 24, 2014 at 7:01 am #255330
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #main .maxbutton {
    max-width: 500px !important;
    width: 100% !important;
}

    Cheers! 
    Josue

    April 24, 2014 at 6:35 pm #255660
    GoodGame

    Hi,

    Thanks for the answer. That didnt work though.

    April 24, 2014 at 6:38 pm #255665
    GoodGame

    Sorry, it works but it lefts out the second line of text from the button on mobile. How to get that line inside the button, as well?

    April 24, 2014 at 7:16 pm #255715
    Josue

    Hi!

    Add this too:

    @media only screen and (max-width: 989px) {
    #main .maxbutton {
    min-height: 90px !important;
    }
}

    Please note that offering fixes for third-party plugins is out of the support scope.

    Cheers!
    Josue

    April 25, 2014 at 11:42 am #256036
    GoodGame

    Thank you very much! I appreciate very much that you did this even if not related to Enfold. :) Buttons look good now.

    April 25, 2014 at 6:51 pm #256288
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Maxbuttons on Enfold’ is closed to new replies.