Solved Templates

unable to increase size of logo and header on mobile

Asked by Dina Abramson 4 years ago Last activity 4 years ago

Hi,
I am unable to increase the size of the logo on MOBILE to 120px and center it between the slider and topbar.

The css I add (even with !important) looks like it works on the inspector, but never takes when saved.

Can you possibly assist with enlarging the logo on mobile as it is unreadable as it is currently.

Thanks.
Screenshot of mobile view:

https://awdtest4.com/images/increase-logo-header.png

Accepted answer

Marked as the solution
Ariba Staff

Hello

Thank you for your query.

Unfortunately you have missed extra curly braces for the @media .. part.

Kindly replace this:

@media (max-width: 576px)
.logo-image-phone {
    height: 120px !important;
    margin-top: 20px !important;
}

with this:

@media (max-width: 576px) {
  .logo-image-phone {
      height: 120px !important;
      margin-top: 20px !important;
  }
}

2 more replies

Dina Abramson Asked this

thank you very much.

Ariba Staff

You are most welcome :)

Log in to reply.