*

jasongeek

  • ***
  • 61 posts
How do I change the logo size?
« on: April 08, 2022, 02:16:45 AM »
I'm using the Delta theme. When I try to change the logo size (to make it larger), I'm not able to. The height seems to max out at 80 pixels. I think it's because of the header size.

Marked as best answer by frosticek on April 10, 2022, 09:21:51 AM
*

MB Themes

Re: How do I change the logo size?
« Reply #1 on: April 08, 2022, 01:15:47 PM »
@jasongeek
Open style.css and search for line starting with:
.logo {

try to change:
Code: [Select]
height: 46px; width: 220px; margin: 7px 0;
into:
Code: [Select]
height: 56px; width: 220px; margin: 2px 0;
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

jasongeek

  • ***
  • 61 posts
Re: How do I change the logo size?
« Reply #2 on: April 09, 2022, 03:29:45 AM »
How can I change the logo size (to make it smaller than the larger logo I've made) for the phone. I don't see an @media setting in the style.css.

I see height and width at 100%. Is that why I can't change the logo size on just mobile devices? Do you have any css to adjust the mobile logo?

*

jasongeek

  • ***
  • 61 posts
Re: How do I change the logo size?
« Reply #3 on: April 09, 2022, 03:31:05 AM »
i need to make the desktop logo large and the mobile logo small.

*

MB Themes

Re: How do I change the logo size?
« Reply #4 on: April 09, 2022, 07:12:42 AM »
All media queries are in responsive.css.
You will find there .logo { line as well
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

jasongeek

  • ***
  • 61 posts
Re: How do I change the logo size?
« Reply #5 on: April 10, 2022, 05:56:13 AM »
Thank you.

*

MB Themes

Re: How do I change the logo size?
« Reply #6 on: April 10, 2022, 09:22:04 AM »
Welcome  :-*
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

jasongeek

  • ***
  • 61 posts
Re: How do I change the logo size?
« Reply #7 on: April 17, 2022, 05:43:28 PM »
I went into the responsive.css and changed the logo to two different sizes:
75%
50%

However it doesn't change it on the phone. I've attached two screenshots.