Logo in mobile view becomes small


#1

Hi guys!
I noticed that my logo in desktop view and tablet view are the same size but in the mobile phone view becomes really small when it resizes.
How can the logo maintain a bigger size so it can be seen better? is there any option?

thanks!


#2

Try adjusting the image size in the side bar. Set it using the different breakpoint at the top.

Casey
42%20AM


#3

ok i will try. thanks man!


#4

Did you figure this out? I have tried everything custom classes , and it just stays small. I have never had a problem resizing this before


#5

Just a suggestion have you tried to delete the width and height in the sidebar Appearance for the 3 different breakpoints and then define the width and height directly in a custom class which you then modify under the 3 breakpoints ?

Cheers,
Phil


#6

No that increases the logo container but not the image? It resizes on tablet and desktop but mobile nothing


#7

If you wish you could share the logo and sizes you would like and I could give a try.

Cheers


#8

It doesn’t matter the logo, you can use the sample one it comes with the software and it will not resize as well. Only the container not the image. It resizes on tablet and desktop but shrinks on mobile weird


#9

Okay got it. Just pick navbar-brand img in the subclasses and adjust for each breakpoint.

Logo size.bloc (200.8 KB)


#10

awesome! The problem is when i resize it it stays the same on all the breakpoints but at least it gets bigger now. So example on mobile i want a width of 150 px and 400 on desktop. It stays the same across all break points. Am i missing something? Thanks for your help


#11

There seems to be an issue on your side I believe. Thus, difficult to say why it is behaving differently without seeing the actual file. Perhaps you can try creating a test file just with your logo and checking how it behaves.


#12

thanks for the help though, Is there a way to use a different hero image in mobile only scale it down?


#13

Of course. You can trigger visibility of a bloc for instance so that it appears only on your choice of breakpoint, desktop or tablet or mobile.

Just click the corresponding visibility icon to have hidden from the breakpoint view.

For instance the first hero bloc is visible on the 3 (desktop, tablet and mobile).

The second hero although currently selected, is dimmed (we are under the desktop view) as the desktop visibility has been unchecked.

Hope this helps.

Cheers
Phil