Buttons
Hello,
Is there a way i can keep a button a fixed size?
I have three buttons, that all appear the same size on the desktop version of the site. But when accessing the mobile version through an ipad. As there is less text on one of the boxes, its smaller than the other two and looks odd.
I have them all set to XL via the BeBuilder. Is there anyway to fix the height?
many thanks.
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
It is always a good idea to also attach a screenshot showing your issue.
Thanks
Hi Phil,
Noted, thank you.
The website is: https://lmacgroupforms.com/ on the homepage. The three buttons.
thank you.
Can you attach a screenshot showing that please?
I checked your website with iPad, and all buttons seem to have the same size.
Best regards
Hi Phil,
Please see the attached screenshot.
I tried with iPad pro 12, where it displays correctly, but on iPad 8 indeed, it is incorrect.
Please, try the following CSS code:
.button.button_size_4{ font-size: 122%!important; }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Thanks
Hi Phil,
I have implemented the code and unfortunately its still not working.
Please advise.
Your custom CSS file has only one line of code.
Are you sure you put it in Betheme -> Theme options -> Custom CSS & JS -> CSS and saved theme options after?
Ensure that you do not have any caching tools enabled, and if they are active, flush the cache, or deactivate it for a while, add this CSS again, and check if it works correctly then.
Thanks
Hi Phil,
Thank you. That has worked now, much appreciate the help.