How to get my website homepage to look better and fit better on mobile?

[HallyuApparel]

My URL is hallyuapparel.com 

On desktop, it looks fine as it is a work in progress, however on mobile it just look completely off.
If you want to see it on mobile, you can input the URL into your mobile device.

I want it to look similar to the https://fearofgod.com/ website.

Please help in anyway you can so it looks better!

Thank you!

[HallyuApparel]

Hi Sangeetadhiman1,

This doesn't seem to work for my website.

I pasted the code to the bottom of base.css and it didn't change anything.

Any other suggestions? Thank you!

[HallyuApparel]

Hello Sangeetadhiman1,

So I made separate slideshow banners for desktop and mobile so that this method would work because the slideshow banner for my desktop has text in the actual image because it is easier to customize.
I made 2 different slideshow banners and I inputted custom css from https://websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/ so that I can choose what to put for desktop and mobile. So the slideshow banner is different for the mobile and desktop. 
The code you gave didn't work so i'm assuming the code needs to change because I made this change.

The URL is hallyuapparel.com .
Please help, and thank you!

[Made4uo-Ribe]

Hi @HallyuApparel 

Do you mean the image banner? The text is currently attached to the image, so you'll need to remove it. To make it responsive on mobile, use the default Heading/Subheading features available in the image banner settings of your theme.

If you'd like to adjust the font sizes for both mobile and desktop to something other than the default sizes in the theme editor, just let us know.

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[HallyuApparel]

Hello Made4uo-Ribe, 

So I made separate slideshow banners for desktop and mobile so that this method would work because the slideshow banner for my desktop has text in the actual image because it is easier to customize.
I made 2 different slideshow banners and I inputted custom css from https://websensepro.com/blog/show-different-banner-images-on-mobile-desktop-in-shopify/ so that I can choose what to put for desktop and mobile. So the slideshow banner is different for the mobile and desktop. 
So because I did this, the text is not attached to the image for the mobile version, only the desktop. Is there a code that can make the image go fullscreen so it takes up the entire screen on mobile just like how it is on desktop?
Thank you!
The URL is hallyuapparel.com .