i use 2 different size for logo, bigger when the user open the page, and smaller when the user scroll the page.
How can I decrease the height of menu when scrolling? It has the same height before scrolling, and there is a lot of white space on and under the logo.
Sorry, but maybe I didn't make myself clear. My problem is with menu height, not header height. Even if I import a header with a lower height, the problem remains, because the menu takes the height from the logo displayed in larger dimensions as when the page is opened, before scrolling.
The problem is the height of sticky menu (menu after scrolling), that is too high. Se the "screenshot menu troppo alto.jpg".
the problem of sticky menu is solved, as you can see from the attached screenshot "menu ridimensionato.jpg" But when i scroll to the top of the page, the logo is deformed, as You can see from the screenshot "logo deformato.jpg"
How can I reduce the height of the sticky menu, without deforming the logo?
Hi,
i use 2 different size for logo, bigger when the user open the page, and smaller when the user scroll the page.
How can I decrease the height of menu when scrolling? It has the same height before scrolling, and there is a lot of white space on and under the logo.
Thank you
Best regards
GDB
Hi, you can make your header using the header builder https://codex-themes.com/thegem/documentation/header-builder/
You can just import the prebuilt header template for your main header and another one (with smaller height) for your sticky.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Sorry, but maybe I didn't make myself clear. My problem is with menu height, not header height.
Even if I import a header with a lower height, the problem remains, because the menu takes the height from the logo displayed in larger dimensions as when the page is opened, before scrolling.
The problem is the height of sticky menu (menu after scrolling), that is too high. Se the "screenshot menu troppo alto.jpg".
If i add this code:
span.logo > img.tgp-exclude.default: {height: 100px;}
the problem of sticky menu is solved, as you can see from the attached screenshot "menu ridimensionato.jpg"
But when i scroll to the top of the page, the logo is deformed, as You can see from the screenshot "logo deformato.jpg"
How can I reduce the height of the sticky menu, without deforming the logo?
Thank You very much
Best regards
GDB
Hi,
do You have some news, please?
Thank you
Best regards
GDB
HI!
CSS example:
#site-header.fixed.shrink .site-title a img.default, #site-header.fixed.shrink .menu-item-logo a img.default { height: 0; }Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Thank You, it works fine!
Welcome!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver