• Resolved charis_r

    (@charis_r)


    Hello there,

    I am using MaxButtons on my WordPress website. I have the responsive Customizr theme, but I guess there are many other people who have the same issue on other themes.

    When I access my website from my iPhone, https://brightsimply.com

    the MaxButtons don’t show correctly, they are somthing like cut into two.

    Can anybody help? Maybe the author can take care about this on the next update?

    You can check my site and either resize or log in from your phone to see the issue.

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Add display:block; to a.maxbutton-1 in your css.

    Thread Starter charis_r

    (@charis_r)

    Hmmm, ok, thanks for the reply.

    I am relatively new to WordPress. So just go to Apperance -> edit Css and there post this code you have above?

    Thread Starter charis_r

    (@charis_r)

    Or should I go to my theme style.css and just add this line you sent?

    Thank you

    You seem to have your own style.css so at line 395, I’m seeing this code:

    a.maxbutton-1 {
      background-attachment: scroll;
      background-clip: border-box;
      background-color: #398AD1 !important;
      background-image: linear-gradient(#398AD1 45%, #436ACF);
      background-origin: padding-box;
      background-position: 0 0;
      background-repeat: repeat;
      background-size: auto auto;
      border-color: #4E74CC !important;
      border-radius: 10px 10px 10px 10px !important;
      border-style: solid !important;
      border-width: 1px !important;
      box-shadow: 0 0 2px #333333 !important;
      color: #FFFFFF !important;
      display: block;
      font-family: Arial !important;
      font-size: 15px !important;
      font-style: normal !important;
      font-weight: bold !important;
      padding: 10px 15px !important;
      position: relative !important;
      text-decoration: none !important;
      text-shadow: -1px -1px 0 #618926 !important;
    }

    (I’ve added the display:block code).

    Thread Starter charis_r

    (@charis_r)

    Thank you very much rdellconsulting.

    I just added this code of yours to my css through Appearance -> Edit CSS and now it’s perfect.

    Thank you so much. As an appreciation, you could ask for one of my 5 Free services if you like through my site’s homepage.

    I am marking this as resolved, anyone who has the same issue, just try this solution

    Hi, I’m new into this! The same is happening to me. I have the responsive Customize theme, and when I open it on iphone they are like cut into two.

    Where should I copy this “display: block;” code?
    I went to the plugin editor, I was looking at “maxbuttons/styles.css” but can’t still find where I should paste this code.

    The site is under construction, but here it is:
    https://www.coffee-portrait.com/?cat=9
    sorry the site is in Japanese, but the buttons are still buttons ??

    Thread Starter charis_r

    (@charis_r)

    Hey there,

    for me this code corrected the issue. You just copy it and go from your admin control panel to Appearance -> Edit CSS and then paste it on the bottom. You can also preview and then save stylesheet.

    Let me know if you got it carrera. Good luck with your site

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Max Buttons don't show well on responsive Theme Customizr’ is closed to new replies.