Viewing 13 posts - 1 through 13 (of 13 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 6 days, 2 hours 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

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

You must be logged in to reply to this topic.