Hi! I am using custom CSS to have buttons width occupy 100% of the screen on mobile view, and also for the page logo in header to change on specific pages. For some reason nothing is working. This is the code:
/* Header logo */
@media only screen and (max-width:767px) {
body#collection-636997b0d30783082de18988.page-faqs .header-title-logo a {
content: url('https://static1.squarespace.com/static/62adaf0603d8e10682bd2f64/t/65d5c00bc018f861344f6478/1708507147165/Logo_TGO-07.png') !important;
max-width: 200px;
}
}
/* Button width */
@media only screen and (max-width: 767px) {
.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary {
width: 100%;
}
}
Any help appreciated!