I want to change the text and buttons depending on the window size. This is the text and buttons when the window is max size. As I shrink the window the words stay the same size.
The text and buttons end up overlapping as I shrink the window.
Anything helps. Thank you.
Hello @GripMags ,
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
Hello @GripMags ,
To fix this issue, add the below code at the end of your theme.css or base.css file.
Code:-
@media screen and (max-width: 641px){
.Slideshow__Content .SectionHeader__SubHeading {
font-size: 20px!important;
margin: 0!important;
}
.Slideshow__Content .SectionHeader__Heading {
font-size: 20px!important;
margin: 10px 0p 0px 0px!important;
}
.SectionHeader__ButtonWrapper .ButtonGroup__Item{
padding: 10px 20px!important;
}
}
Check the result in the below image.
Hope it helps, let us know if you have any further questions.
Regards,
CedCommerce
