Font Awesome Icons Okay On Desktop But Out-of-line On Smaller Screen Size - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Font Awesome Icons Okay On Desktop But Out-of-line On Smaller Screen Size

Roger

Roger

SP Page Builder 3 years ago

Font Awesome icons okay on desktop but out-of-line on smaller screen size (ie. small tablet and phone screen)

See screen shots:

https://ibb.co/wKvTfbx https://ibb.co/DCH5YGf

0
Website
https://www.home-computer-fix.co.uk
5 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #66286

Hi

Thanks for contacting us. Is this issue only happens on your mobile device?

-Regards.

0
Roger
Roger
Accepted Answer
3 years ago #66301

Hello yes on mobile and smaller tablet screen size.

If you browse to my website and slowly reduce screen size by dragging you will see when it happens

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #66383

Hi

You can use this custom CSS

.sppb-media>.pull-left {
    line-height: 14px;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

0
Roger
Roger
Accepted Answer
3 years ago #66390

Hello

I have added the custom CSS as directed and it does not seem to have improved the alignment of the Font Awesome icons when you reduce screen size down to mobile size??

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #66428

It is fixed now. Could you please check?

https://prnt.sc/GPJrul3pgWIR

0