Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 13, 2021 at 2:06 am #1280212
    iicinfo

    Hi,
    when I on the desktop scroll down the header with the logo changes and become a “smaller” width. I would like that it be larger – where I can change it?

    Thanks,
    Ivan

    Start

    February 16, 2021 at 3:28 pm #1281368
    Ismael

    Hey iicinfo,

    Thank you for the inquiry.

    The size or height of the scrolled down header is half of the actual header height, and that height could be increased in the Enfold > Header > Header Layout > Header Size settings. Set it to custom pixel size, and in the Header Custom Height field, you can manually define the header height in pixel.

    Best regards,
    Ismael

    February 16, 2021 at 3:51 pm #1281374
    iicinfo

    Hi Ismael,
    thanks for the answer.
    I would like to only change the size when I scroll down the homepage to “177” px. The acutal size of the homepage without scrolling should be the same. Is this possible?

    Start

    • This reply was modified 3 years, 9 months ago by iicinfo.
    February 17, 2021 at 2:50 pm #1281751
    iicinfo

    … and I mean this only for the desktop version

    February 19, 2021 at 12:49 pm #1282197
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to adjust the height of the scrolled header to 177px.

    @media only screen and (min-width: 768px) {
    .container.av-logo-container, .logo a, .logo a img, .main_menu li a {
	height: 177px !important;
	height: 177px !important;
	line-height: 177px !important;
	max-height: 177px !important;
    }
}

    Best regards,
    Ismael

    February 19, 2021 at 3:27 pm #1282248
    iicinfo

    Hi Ismael,
    thanks. The code works fine for the header, but the space in the menu is too big then. Can your provide me a code which only change the header and not the space in the submenu?

    Thanks,
    Ivan

    February 22, 2021 at 2:22 pm #1282807
    Ismael

    Hi,

    Sorry about that. In the css code, please look for this part or selector.

    .main_menu li a

    Replace it with:

    .main_menu > li a

    This should exclude the sub menu items.

    Best regards,
    Ismael

    February 27, 2021 at 3:57 pm #1284125
    iicinfo

    Hi Ismael,
    thanks a lot.
    Now it works fine.

    Unternehmensberatung Digitalisierung

    Best wishes,
    Ivan
    Unternehmensberatung Digitalisierung

    March 1, 2021 at 1:28 pm #1284415
    Ismael

    Hi,

    No worries. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header width scrollin down’ is closed to new replies.