lawyer 5 - mobile logo size is smaller

baranmm98

pre-build web sites lawyer 5 is the main startup point and our web site is ready. on mobile, the logo (top of the web site) is small. is there a way to change the size a bit.

 

Pablo

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

baranmm98

website is active and online. address is kirpikocluk dot com

the screen on ipad like this

logo is so small

and betheme is updated last version

Pablo

That's because your header for mobile is minimalist.

Of course, it will not be a big difference, but you can disable it it Theme Options > Responsive > Header

Just tick off the "Minimal" option:

https://prnt.sc/pr13wj

Also, you can upload bigger logo for mobile in:

Theme Options > Responsive > General

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

baranmm98

Our new settings is this. but the problem continues. 
I think I found the reason . Css file wrong 

@media ;only screen and (max-width: 1239px)

(index):54

#Header_creative #Top_bar #logo img.logo-sticky {

1. max-height: 40px!important;

}

max-height : 40px main reason for mobile. max height 40px is too small for mobil version. 

i couln't find the settings for this in theme options 

Pablo

Changing the CSS code will be the most easy way, please use this code into the Theme Options > Custom CSS & JS > CSS

@media (max-width:1240px){
	html body #Header_creative #Top_bar #logo img.logo-sticky{
		max-height:60px !important;
	}
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

baranmm98

this code is correct for ipad and ipad pro.

I have checked on chrome for mobile and other for other phone models, logo is still small.

how can I expand above code. For other mobile devices.

You can check our website on chrome. ipad and ipad pro view is good. thank you so much.

but we need a bit more help.

 

Pablo

Apply this CSS code too:

@media (max-width:1240px){
	html body #Header_creative #Top_bar #logo img{
		max-height:60px !important;
	}
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

baranmm98

I think that Theme Options part should be Upgraded because Of Response tabs not enough. Logo Size, Mobile Phone view eros etc

Pablo

It depends on taste - almost all of the customer likes that type of minimal header and how it looks right now. All of these settings can be easily change with the CSS because coding of that theme was made to be really friendly for customers.

Other people, who likes more advanced headers usually use the "Muffin Header Builder" plugin:

https://forum.muffingroup.com/betheme/discussion/42065/the-betheme-header-builder-plugin#latest

Maybe you will love it too? - Give it a try.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next