No content to show
User Activity
06-14-2023
No worries and did you replace that with the last one, because if you did the desktop one should have been back to the original state.
06-14-2023
Apologies, i missed a bracket there, update that code with this@media (max-width: 767px){
.slideshow__text.banner__box a.button {
padding: 5px 10px !important;
min-width: fit-content;
min-height: 20px !important;
font-size: 12px;
}
}
06-14-2023
Trying adding this in your base.css file, you can also add it right below the other code in theme.liquid but wouldn't recommend it as it's not good for optimization and also make theme a bit messy @media (max-width: 767px)
.slideshow__text.banner__bo...
06-13-2023
The section you are using usually display the button and text below that image on mobile but i think someone custom coded that to show aboveIn the theme.liquid you can search '.banner__buttons'You will see the following code.banner__buttons {
mar...
06-13-2023
You can use this code instead <div class="button-container-div">
<a class="btn" href="https://quokkaprints.com/pages/book-a-call">Interest Form </a>
</div>
<style>
.button-container-div {
width: 100%;
max-width: var(--page-width);
...
06-13-2023
From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit codeIn your theme.liquid file search '.slideshow__text.banner__box'You will see the following code there.slideshow__text.banner__box {
pa...
06-13-2023
During the dns updated, your mx record might have also got updated.You can connect it back to your cpanel by updating the mx record according to your cpanel.
This is how you can change them to 3 row or 4 row@media(max-width: 768px){
.shopify-section--main-collection .product-list{
grid-template-columns: auto auto auto;
}
}this is for 3 grid, you can add 4th auto to make it 4.If you wanna link them wit...
06-08-2023
Sure here you go, just paste this in css file .product-card .product-card__image {
height: 400px;
}
.product-card .product-card__image img {
object-fit: cover;
height: 100%;
}Quick thing you can adjust the height by changing that 400px, a...
06-08-2023
the functionality overall remains the same, but it mostly depends upon your requirement, it would be a headache for you to fulfill the order on 2 different store and maintain them as well but if it's alright by you than there is no issue.If you wanna...
Can you share the Store Url?
06-08-2023
I can help you it's a quick fix, gonna need store access though to fix it.or if you know the coding i can drop the code for the fix.Just gotta set a specific height for the image
Your content is basically below the slideshow for mobile so would recommend to make it around 80 percent of screen heightYou can use the following code@media(max-width: 768px){
.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media, ...
My Accepted Solutions
| Subject | Views | Posted |
|---|---|---|
| 1903 | 06-13-2023 11:55 PM | |
| 1879 | 06-13-2023 10:50 PM | |
| 1933 | 06-13-2023 10:41 PM |
