i'm trying to use a "Desktop Logo" with the dimensions of 492 x 328 pixels. As you can see, the aspect ratio differs to the TheGem logo.
Unfortunately, due to the larger height, the submenu doesn't start justified to the bottom of the header. Instead, it begins within the main header (see example picture in the attachement).
Is there a possibilty to fix this issue except using a logo with an appropriate aspect ratio?
Also, is there a possibility to use a text instead of an image in the mobile view?
thanks for your fast reply and your pixel-perfect work, it's really appreciated!
The code snippet works great, until I scroll down. The height of the header decreases a little bit (because the "Small size" logo is less high), so the custom padding doesn't work anymore. Is there a way to use a different padding when the Small size logo is active?
Also, is there a possibility to use a text instead of a small size logo / image?
Hi,
i'm trying to use a "Desktop Logo" with the dimensions of 492 x 328 pixels. As you can see, the aspect ratio differs to the TheGem logo.
Unfortunately, due to the larger height, the submenu doesn't start justified to the bottom of the header. Instead, it begins within the main header (see example picture in the attachement).
Is there a possibilty to fix this issue except using a logo with an appropriate aspect ratio?
Also, is there a possibility to use a text instead of an image in the mobile view?
Thanks!
Hi,
Try to use next custom css code:
body .header-style-3 #primary-menu.no-responsive > li {padding: 57px 3px;
} body .header-style-3 #primary-menu.no-responsive > li.menu-item-current, body .header-style-3 #primary-menu.no-responsive > li.menu-item-active,{
padding: 55px 1px;
}
Hi Max,
thanks for your fast reply and your pixel-perfect work, it's really appreciated!
The code snippet works great, until I scroll down. The height of the header decreases a little bit (because the "Small size" logo is less high), so the custom padding doesn't work anymore. Is there a way to use a different padding when the Small size logo is active?
Also, is there a possibility to use a text instead of a small size logo / image?
To use text instead logo you need to change or replace thegem_print_logo function.
Try to use this css fix:
body #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li { padding: 47px 3px; } body #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current, body #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active { padding: 45px 1px; }