Hi,
I want to have smaller buttons on mobile for my page hero.
Here is the code for my button in Elements:
class=”button” href =”#”
I tried to change the padding with this code:
.page-hero .button {
padding: 50px 100px; (Exaggerated values for testing purposes)
}
}
This will work for desktop and tablet view mode, but it does not change in Mobile view.
What could be causing this issue ? Sorry if this is a basic question, but I am a beginner and I could not find the answer in the forum.
Thank you