How to change the position of rewards icon in the store page

[Noorfa]

Hi,

I added in two more additional application to my store which is Chat and rewards. The problem is the reward icon are placing on top of chat icon. Thus it hide the chat icon. 

How can I amend the position for this. Kindly advise.

Thanks

[dmwwebartisan · Accepted solution]

@Noorfa 

Please add the following code at the bottom of your  assets/theme.css OR assets/theme.scss.liquid file.

#smile-ui-lite-launcher-frame-container {bottom: 100px !important;}

Hope this works.

Thanks!

[dmwwebartisan]

Please share your website URL.

I will check and provide a solution here.

Thanks!

[dmwwebartisan]

Please share your website URL & Password.

[KetanKumar]

@Noorfa 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Noorfa]

Hi,

Thank you for your response. As per request, herewith my store link for
your reference.

https://noorfa-boutiques-enterprise.myshopify.com/?key=48a7580080e4c5df10bebe8c63fe98892b2ec9177eb8a...

Thank you.

Regards,
Noorfa

[dmwwebartisan · Accepted solution]

@Noorfa 

Please add the following code at the bottom of your  assets/theme.css OR assets/theme.scss.liquid file.

#smile-ui-lite-launcher-frame-container {bottom: 100px !important;}

Hope this works.

Thanks!

[Noorfa]

Hi,

Thank you. Yes, it's help.

Thank you.

[KetanKumar]

@Noorfa 

its my  pleasure to help us 

[RobFurness]

Ok can I ask where to find it now in Dawn 5.0 I can't for the life of me find where to add CSS code, I had previously done it successfully in the narrative theme, but to get away from the potential issues of depracated CSS I have decided to update my theme, and now I have the same problem as before, only now I can't find theme.css to make the modification, please help, thanks, current site is www.menudogg.com 

[KetanKumar]

@RobFurness 

can you please share issue imaes?

[RobFurness]

@KetanKumar I've managed to change the position in the smile.ui however I need to now increase the padding at the bottom of the footer, I've tried several methods but none seem to work, I had not problem with doing it in SCSS but for some reason I just can't find the right CSS file to load it, or I'm using the wrong language, which is most likely, thanks 

[KetanKumar · Accepted solution]

@Noorfa 

thanks for it 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#smile-ui-lite-launcher-frame-container {bottom: 110px !important;}

[Noorfa]

Kumar,

Thank you for your help. The issue has been resolved. 😀👍👍

Thanks