I use a custom .jpg file for my logo, and it displays just fine on desktop computers, but on mobile phones it does not display the whole logo. The bottom portion of the logo is covered by the dark navigation bar where the hamburger menu icon sits. I do have an alternate, smaller logo set for small screens.
Hi
You can use this custom CSS to set the height for that section on mobile:
@media (max-width: 576px) { header#t3-header { height: 100px; }}
put into file: [your_site_root]/templates/ja_restaurant/css/custom.css
saguaros
I tried it and it doesn't seem to have any effect on my Samsung S22 Ultra phone.
BN
I checked your site and you have another custom.css file: /templates/ja_restaurant/local/css/custom.css
Pls note that this file in local folder of template will be used in priority so I copied code from /templates/ja_restaurant/css/custom.css to that file and it's working now.
Kindly check again.
saguaros Yes, that seems to have done the job. Thanks.
You're welcome 😉