Support » Plugin: Shortcodes Ultimate » span element on next line on mobiles

  • Resolved pawanahluwalia

    (@pawanahluwalia)


    Hi,

    I am using the tabs shortcodes. All is working fine, except I have noticed that any text in a <span>…</span> element is line breaking at the beginning of the span and at the end of the span. This only happens on mobiles. Desktops are fine. Is there a solution for this?

    Any help would be appreciated.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vladimir

    (@gn_themes)

    Hi @pawanahluwalia,

    please post a link to a page with the issue.

    Please see the link below as requested. Try viewing this on a desktop and on a mobile and hopefully you will see what I mean.

    https://smartlearningtuition.co.uk/testpage

    Actually, the issue occurs even on a desktop browser when you reduce the width.

    Plugin Author Vladimir

    (@gn_themes)

    Thank you for the report. The issue will be fixed in the closest update.

    If you want to apply fix now, go to Dashboard → Shortcodes → Settings and add the following CSS code to the Custom CSS code field:

    @media only screen and (max-width: 768px) {
    	.su-tabs-mobile-stack span {
    		display: inline;
    	}
    	.su-tabs-mobile-stack .su-tabs-nav span {
    		display: block;
    	}
    }

    Many Thanks! This has fixed the problem.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.