Twitter Logo Supposed to 1st in List

If I remove -20em in editor it shrinks them to the right in admin pro editor, not on LIVE site.

I don’t know how to keep the proper order as in the admin it also shows Twitter 1st at all break points.

Hello @verobeachmarketing

Thanks for writing to us

I checked your website It seems that you have added custom CSS code for each social icon that is float: left !important; but you have not added this code for Twitter icon because of that all the other social icons are forcefully aligned in left one by one.

Please check the screenshot below

To display the Twitter icon at the 1st position you should remove the float: left !important; CSS code or you can add float: left !important; custom CSS code to Twitter icon class as well

If you want to add custom CSS code. Here is the custom CSS code you can add in your global CSS box.

.e3070-13 {
    float: left !important;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.