Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #868119
    #869047

    Hey AugeoCoop,

    Thank you for using Enfold.

    Adjust the height and line-height of the menu items and the main menu container.

    .html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
        height: 154px;
        line-height: 154px;
    }
    
    #header #header_main_alternate .container {
        max-height: 154px;
        height: 154px;
    }

    Best regards,
    Ismael

    #885581

    Hi, i want to make a little change in the header.
    Is it possible to have the logo shrink when i scroll down? right now is fixed on top of the screen so there is no change in the size.

    #885582

    Hi, i want to make a little change in the header.
    Is it possible to have the logo shrink when i scroll down? right now is fixed on top of the screen so there is no change in the size.

    #885685

    Hi AugeoCoop,

    The shrinking header is enabled in the theme options
    Image 2017-12-06 at 17.38.14.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #886008

    Hi, the problem is that withe the modification above the shrinking logo do not work. The logo now is an item in the menu, not the real logo i uploaded in enfold.

    #886513

    Hi AugeoCoop,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? The shrinking header reduces the line height of the menu too, so it already does half of the job.

    Best regards,
    Victoria

    #887360

    Hi, here it is.

    • This reply was modified 7 months, 1 week ago by  AugeoCoop.
    #887432

    Hi AugeoCoop,

    How did you remove the logo container?

    Best regards,
    Victoria

    #887898

    Hi, I removed it with the custom css. Since i could not find another way of displaying the logo in the center with the rest of the menu at the sides i removed the logo and then i creted a menu item that is the image you see in the header.
    .logo { display: none; }
    this is the css

    #888319

    Hi,

    Thank you for the update. The centered logo looks good. Glad that you found a workaround.

    Best regards,
    Ismael

    #888866

    Thank you but in this condition i can’t have the logo resize when i scroll down… Maybe is there a work around for this?

    #889464

    Hi,

    Please post the login details in the private field. We’ll try to find a workaround. If the “Sticky Header” option is enabled, you can use the “.header-scrolled” selector to change any element when the page is scrolled. Example.

    .header-scrolled .any-element {
       color: red;
    }

    The “any-element” selector can be replaced with the menu item selector containing the logo image so that you can specify the size on scroll.

    Best regards,
    Ismael

    #925797

    Hi,

    If you add the logo as a menu item it will not inherit the feature like shrinking of the logo when the page is scrolled. Please check the link in private content for Logo Center Split menu CSS code and easy steps to perform.

    Best regards,
    Vinay

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.