span element on next line on mobiles

  • Resolved pawanahluwalia

    (@pawanahluwalia)


    5 years ago

    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 Vova

    (@gn_themes)

    Hi @pawanahluwalia,

    please post a link to a page with the issue.

    Thread Starter pawanahluwalia

    (@pawanahluwalia)

    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 Vova

    (@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;
	}
}
    Thread Starter pawanahluwalia

    (@pawanahluwalia)

    Many Thanks! This has fixed the problem.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘span element on next line on mobiles’ is closed to new replies.