On a laptop or desktop, the ratio is pretty good. But on mobile, the title bar is really big and the header with logo is really small. How do I make the title bar smaller and the header a little bigger (for the logo to be more visible). Thanks!
Since it's tricky, I will only adjust the title height. If you can provide the code, I can mess around with the exact px until I get it like I want it. Thank you!
On a laptop or desktop, the ratio is pretty good. But on mobile, the title bar is really big and the header with logo is really small. How do I make the title bar smaller and the header a little bigger (for the logo to be more visible). Thanks!
Hello Josh,
You would need custom css to do this, what height would you like to use for the title, for the menu bar its more complicated.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Since it's tricky, I will only adjust the title height. If you can provide the code, I can mess around with the exact px until I get it like I want it. Thank you!
Hello Josh, sorry for the late reply.
For the title height you can add this custom css :
@media only screen and (max-width: 767px) {
.page_title_ctn { padding-top: 43px !important; padding-bottom: 43px !important; }
}
Then change the 43px to the height you want to use.
Again sorry for the late reply.
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme