Title: Button CSS Bug?
Last modified: April 30, 2018

---

# Button CSS Bug?

 *  [adamrafferty](https://wordpress.org/support/users/adamrafferty/)
 * (@adamrafferty)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/button-css-bug/)
 * Hello
 * I have a strange behavior when I use buttons – this has to do with how they render
   on mobile devices.
 * **I have 2 WordPress pages with identical “Shortcodes Ultimate” button code, 
   yet they display the buttons differently on mobile.**
 * I have tested the following:
 * – adding / removing my div tags
    – adding / removing the strong tag – testing
   wide = yes vs no (this seems that it could be an issue, wide behaves better) –
   trying smaller fonts
 * On this page (on mobile) the yellow button renders perfectly:
    [https://www.adamrafferty.com/sample2/](https://www.adamrafferty.com/sample2/)
 * However, on the live page – the shape of the button distorts, it gets taller:
   
   [https://www.adamrafferty.com/lesson-cool-move-on-an-a-chord/](https://www.adamrafferty.com/lesson-cool-move-on-an-a-chord/)
 * I have tested identical code, and copied / pasted. No luck!
 * Hope you can help. I need the <div class> so I can trigger a popup with the link.
 * Thank you!
 * AR
    -  This topic was modified 8 years, 1 month ago by [adamrafferty](https://wordpress.org/support/users/adamrafferty/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-css-bug%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Thread Starter [adamrafferty](https://wordpress.org/support/users/adamrafferty/)
 * (@adamrafferty)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/button-css-bug/#post-10230890)
 * Found a possible solution.
 * I was using an additional DIV tag around the text, I changed it to SPAN (to add
   the class I need for the popup) – seems to not be distorting the shape.
 * However, the “soft” style is then not usable, so I have to use flat style.
 * Let me know if this sounds right.
 * AR

Viewing 1 replies (of 1 total)

The topic ‘Button CSS Bug?’ is closed to new replies.

 * ![](https://ps.w.org/shortcodes-ultimate/assets/icon-256x256.gif?rev=2547563)
 * [Shortcodes Ultimate - Content Elements](https://wordpress.org/plugins/shortcodes-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/shortcodes-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/shortcodes-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/shortcodes-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/shortcodes-ultimate/reviews/)

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 1 reply
 * 1 participant
 * Last reply from: [adamrafferty](https://wordpress.org/support/users/adamrafferty/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/button-css-bug/#post-10230890)
 * Status: not resolved