make desktop site look the same as mobile

[bulkspice]

Hi there! My shopify account looks great on desktop view but it really looks awful on the mobile view. Is there any way that I can make desktop view and mobile view the same? Here are the screenshots (bulkspice.nl)

also another example when using an app in which things look horrible:

[bulkspice]

yes please. info about site is in this page.

[john_stones]

hi @bulkspice ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[bulkspice]

hi, it's bulkspice.nl. there is no password. Thanks.

[Made4uo-Ribe]

Hi @bulkspice 

Do you mean the buttons? Do you like make the buttons inside on the banner on the mobile screen? If it is please add the buttons. So we can make the changes with the buttons. 

It would be the same like this. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.banner__box.content-container.content-container--full-width-mobile {
    position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}

And save. 

[bulkspice]

hi, it makes the button stay the same size on a smaller surface, but i mean that the button changes according to the space it has on mobile.

thanks.

[Made4uo-Ribe]

So you want to make it the buttons smaller? Can you please, clarify the edits that you like? Thanks!