Solved Templates

Mobile logo

Asked by Joe Rupp 4 years ago Last activity 4 years ago

Hello. I am having mobile logo issues. No matter what I do, it keeps the logo the same size. I've tried setting the height to a percentage and it stays the same size. I created a smaller version of the logo for mobile and it stays the same size, but looks blurry because the graphic is smaller and it being increased to the same size as the larger version. I've even tried adding custom CSS for 'logo' and 'sp-logo' and it stays the same size. What am I doing wrong?

Here is the site I'm working on: http://s904840644.onlinehome.us/ and I'm using Helix Ultimate.

Accepted answer

Marked as the solution
Ariba Staff

You are welcome. Please replace the previous css with this one:

.logo-image-phone {
  height: 45px !important;
}

5 more replies

Ariba Staff

Hello

Thank you for your query.

Kindly try setting height for "logo-image-phone" class in custom css.
Example: .logo-image-phone { height: 45px; }

Joe Rupp Asked this

Hi Ariba,
Thank you for the quick response. Unfortunately, that didn't work. Here's a screen shot of what it looks like: http://s904840644.onlinehome.us/images/mobilelogo.png

Joe Rupp Asked this

Perfect! That worked. Thank you!

Ariba Staff

You are most welcome :)

Please do let me know if there is any other related query, I would be happy to help. If there is no other issue, kindly accept the most useful answer that helped you most, in order to resolve and close the post.
Thank you!

Ariba Staff

Have a great day and stay safe.

Log in to reply.