Button CSS Bug?

  • adamrafferty

    (@adamrafferty)


    7 years, 2 months ago

    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/

    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/

    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 7 years, 2 months ago by adamrafferty.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter adamrafferty

    (@adamrafferty)

    7 years, 2 months ago

    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.

Tags