Site Checking – 3deerprints.com

Site URL: https://www.3deerprints.com/

1. (Desktop-Header). Want to all items on same line?

Add to Design > Custom CSS

/* nav items one line */
.header-nav {
    flex: 1 1 50% !important;
}

2. (Mobile-Homepage). Want to reduce image size on mobile?

Add to Design > Custom CSS

/* mobile home icons size */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1613750975146_16690+.row .image-block {
    width: 50%;
    margin: 0 auto;
}
}

3. (Mobile-Footer). Do you want to center 3deerPrints text on mobile?

Add to Design > Custom CSS

/* center footer text */
@media screen and (max-width:767px) {
div#block-7bbdebf03df5165e4e35 {
    text-align: center;
}
}

4. (Tablet-Homepage). Want to increase icon column width?

Add to Design > Custom CSS

/* icon column width */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="602fba67c2dfaa54eb36b34a"] .content {
    width: 90% !important;
}
}
5. (Mobile-Add to Cart). Want to increase add to cart width on mobile?
Add to Design > Custom CSS
/* mobile add to cart */
@media screen and (max-width:767px) {
.sqs-add-to-cart-button-wrapper {
    width: 100% !important;
}
}

6. (Tablet-Add to Cart). Increase add to cart width on tablet?

Add to Design > Custom CSS
/* tablet add to cart */
@media screen and (max-width:991px) and (min-width:768px) {
.sqs-add-to-cart-button-wrapper {
    width: 100% !important;
}
}
7. (Mobile-Blog Post Pagination title). Pagination title seems big. If the title is long, they will overlap together. You can resize title, or add Prev/Next text.
Add to Design > Custom CSS
/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}