I'm wondering how to modify buttons on mobile pages

Store Design
,
1

I tried to apply it to theme by referring to the previous button modification post.
However, I can’t find the files such as thxxx.css, styxxx.css, etc., so I have a question.

I want to put the buttons in one line (2 horizontally) in the mobile version.
It would be better if I could change the color. (Image attached)

Where should I modify the path to modify the button to my liking?

2

Hi @JSY0000
I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Edit code
Step 2: Search for “theme.liquid” file
Step 3: Open the file and search for tag and add the following code above tag
Here is the code for Step 3:

{% style %}
/* your srtle here */
{% endstyle %}

Or you can try to follow this step:
Step 1: Go to Edit code
Step 2: Find file base.css and add your style code at the end of the file
If your changes are not applied, you can share your store link (with the password, if any) with us? We will check it and suggest a solution if possible.

1 Like
3

Thanks for the reply! I found theme.liquid and entered it, but base.css does not exist.

head.JPG
head.JPG891×740 70.4 KB

4

Hi @JSY0000
You can choose one of the two options I provided, not both. Also, you should replace the comment section with your actual CSS code. You can share your store link (with the password, if any) with us? We will check it and suggest a solution if possible.

5

@JSY0000
Hi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

6

Thank you for the detailed information. I’m sorry I can’t give you the information because it’s a company-owned store.