Menu resize in mobile view - Too small

[randelld]

Hi all,
I am nearing completion of our site now but when I view it on mobile the logo goes really small and looks terrible.
Can anyone point me where to look at fixing this, I just can't fathom it out.
URL: www.machinemove.co.uk/dean
Here is what it looks like in mobile view

tiny logo.png

Thank you

[Per Yngve Berg]

Mod. Note: Relocated the topic to the Templates Forum

It appears that you are using a template based on the T4 Framework.

[randelld]

Hi Per,
Yes I believe it is. Is that significant?

Thank you

[Mr. Wimpy]

I don't know t4 templates, so I can't help you where to change it, but...

The image width is set by

Code: Select all

.navbar-brand.logo-control img.logo-img-sm {
  max-width: 60px;
}

Change it to a width you prefer.

On big(ger) screens it's

Code: Select all

#t4-header .t4-logo-header .logo-image .logo-img {
  max-width: 435px;
}
#t4-header .t4-logo-header .logo-image .logo-img {
  display: inline-block;
  max-width: 80px;
}

Some other oddities I noticed:
- You are loading the same logo twice, hiding 1 depenbing on screen size. Seems redundant.
- On small screens you can scroll horizontally, I have not found the reason why though, but it may be something you want to look into.

Use your browsers Devtools to inspect your css.
I.e. right click on an item and select 'Inspect', or use shortcut keys shift+ctrl/cmd+C...

[randelld]

That is a great help
Thank you

[randelld]

Hi Per,
You fixed it.

Thank you very much for taking the time