style product add to cart and price items and foter bar on really small mobile

i sorted out the centering of the products, but not the footer bar now.

Hi John,

In order to style the items in copyright bar separately, could you add a<div> or <p>to wrap the text?
Thanks!

thanks by why isnt the text breaking down to start with? should it just do that? im not entirely sure what to style on this one to make it go down (and this also make everything else vertically centered in the new thicker bar)

thanks

Ok, let's say text is not the item you want to style.

So do you have an idea about the layout that shows on smaller screen? Let me know :)

And could you link us to the site in private info, so we don't have to go find your other topic, thanks for your understanding.

site was linked already i thought?

basically instead of the text spilling up above the footer bar line, it should push the footer bar down instead and make sure the other elements are vertically centered in the bar.

thanks

Give this CSS a try:

@media (max-width: 768px) {
    .inside-site-info.grid-container {
       padding-top: 20px;
        padding-bottom: 20px;
    }
}

Let me know :)

thanks!

No problem!