Hi,
As you can see, the left block with the image is quite big and can’t be reduced. Also, I’d like to align next to each other the elements in the right block. I’d like for the footer to be a proper line. What is the solution ?
How it is right now :
How I would like it to become (ideally with reduced spaces between the left block and right block):
Hi @IDZ
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Here is the link: https://admin.shopify.com/store/maje-secondhand and password = baffaw
Thank you,
Hi @IDZ
You can try this way:
2, Find the end of the base.css file and add this code at the end of the file and click Save:
@media screen and (min-width: 750px){
.footer-block.grid__item.footer-block--menu{
width: 55% !important;
}
.footer-block__details-content{
display: flex !important;
align-items: baseline !important;
justify-content: center !important;
}
}
Because you only mentioned the desktop interface, I only did it for the desktop interface, I think it is better to leave a space on the two sides to make the footer more beautiful.
If you want, I can further edit the header for you. Note: if you want to add more links later, increase the value from 55% to 60%, 65%,.. depending on your wishes.
Result:
Hope this suggestion can help you.
Thank you it was very helpful. But, can you please delete the last screenshot you took (result) because there are some sensitive info.
Moreover, if possible, as you suggested, can you please help me regarding the header ? I would like it to be kind of like this :
Thank you,
Please add this code at the end of the base.css file and click Save
@media screen and (min-width: 990px){
.header {
grid-template-columns: 1fr auto 1fr !important;
}
}
.page-width{
max-width: unset !important;
}
I’m not sure if there’s any sensitive information in the header so I won’t take any more pictures, give it a try and let me know the results.