Is this the best solution to move the social icons to the right side at the top of the page and reverse their order in my WordPress theme?

Here’s my page https://qattaj.com

This is the work around I want to do with the css file:
#ishyoboy-social-widget-5
{
width: 100%;
}
.onepcssgrid-1200
{
width: 100% !important;
}
.header-widgets
{
direction: rtl;
text-align: right;
}
.social
{
width: 100% !important;
}

I tried it and it works, but do you think this is the best approach?

Editing the html will make me lose all modifications once I update the theme to a future version. I’m using a child theme with css inside to keep my modifications if the theme is updated in the future. Correct me if I’m wrong please.

We see nothing wrong in this approach. It seems to work perfectly :)

But why move it via CSS if you can do it from the back-end without any extra code?

1. To reverse the order of the icons you can simply drag and drop their order in the back-end administration under “Creolio Options -> Social Options”.

2. To move them to the right side of the screen just go to “Appearance -> Widgets” and again switch their positions by drag and dropping the two widgets that are inside the “Header” widgetized area.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market