Resizing store logo image

livedash242

Hi everyone, Can someone share the CSS code in order to increase the size of the store image? Example:

Thanks !!!

leonardoisrael20

.restaurant-image {
height: 130px!important;
width: 100%!important;
box-shadow: 0px 8px 20px 1px #5959591f;
border-radius: 13px;
margin-top: 0rem;
}
.restaurant-info {
margin-top: -2.8rem;
text-align: left;
padding-left: 2rem;
padding-bottom: 1rem !important;
}
.ribbon-box {
position: absolute;
top: 10px;
right: 0;
padding: 0 10px;
height: 22px;
line-height: 21px;
color: #fff;
font-weight: 600;
z-index: 0;
margin-top: 10.5rem;
}
a.block {
padding-top: 1px!important;
height: 230px;
border-radius: 15px;
box-shadow: 0px 0px 7px #00000021;
color: #575757;
font-weight: 400;
transition: all 0.12s ease-out;
}

IanKuria

Thank You for sharing!

Works well on Desktop Version leonardoisrael20

IanKuria

But once I open it up on my phone browser, the store image looks distorted.
Any suggestions on how to fix that?

I have tried clearing my mobile browser cache
Force Clear cache using Admin panel

But unfortunately no success.

LioniEspumoni

IanKuria I have the same issue. Some body can help us?

leonardoisrael20

IanKuria I will work on a code and post

bhojmandu

LioniEspumoni sorry this is very difficult to resize so i left this step

IanKuria

leonardoisrael20 Thank You!

Harris

leonardoisrael20 than you, we are waiting

surya90

bro @leonardoisrael20 can update this? thanks