-
Posts
14 -
Joined
-
Last visited
Community Answers
-
cecilesablayrolles's post in Hide breadcrumbs on MOBILE only was marked as the answer
Hello,
You can hide them by using media queries into Custom CSS:
@media only screen and (max-width: 728px) {
.your-element {
display:none;
}
}
.your-element is the name of the breadcrumds list.
Do not hesitate to share the link of your website so we can help you better.
-
cecilesablayrolles's post in Increase header font size mobile view was marked as the answer
Hi!
Try this:
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .header-display-mobile .header-title-text { font-size: 30px; } } And adapt the size (30px here) as you like :)
-
cecilesablayrolles's post in Text Drop Shadow was marked as the answer
Unfortunately you will have to use CSS for that :)
-
cecilesablayrolles's post in Custom font not showing on Safari was marked as the answer
Hi! Your font URL seems to have a problem:
url('FontUhttps://static1.squarespace.com/static/65030dbcd2e3b23e19b5e427/t/654babc747719d6d0d088a2b/1699457991716/GIN+AND+SODA.ttfRL'); It should be:
url('https://static1.squarespace.com/static/65030dbcd2e3b23e19b5e427/t/654babc747719d6d0d088a2b/1699457991716/GIN+AND+SODA.ttf');
-
cecilesablayrolles's post in Change margin between product title and price was marked as the answer
Hi!
Try removing the margin-top from .produce-price item.
.product-price {
margin-top: -10px !important;
margin-bottom: 0px !important;
}