Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 9, 2016 at 7:41 pm #629446
    Donkies11

    Hello Support,
    I’m working on a site with the header settings “Shrinking Header” and “Sticky Header” checked.
    On the homepage, the logo has been removed with CSS (I found out how to do this on one of your other support tickets for another user).
    The client would like the manu/logo bar to load in the smaller state – so the homepage loads with this element “shrunk” as though one scrolled on an inner page.
    Can you help me with this?

    I have some screen shots which might help clarify what I need to accomplish.

    Thank you,
    Greg

    May 9, 2016 at 7:42 pm #629447
    Donkies11

    P.S.
    This is the current CSS I have in place for the logo/menu area and targeting the homepage:
    /***** HEADER / MENU ******/

    .header_color .container_wrap_meta {
    background-color: #3e0a3a !important;
    }

    .av_minimal_header #header_main {
    padding: 0px 0px 3px;
    }

    .home .logo {
    display: none!important; /* remove logo from homepage */
    }

    /******** HOMEPAGE ********/
    #main, .avia-msie-8 #header.av_header_sticky_disabled {
    background-color: #fff !important;
    }

    May 11, 2016 at 10:50 am #630583
    Vinay

    Hi,

    Please select “Slim” from Enfold > Header > Header Layout > Header Size

    If that don’t help please share a link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    May 11, 2016 at 10:23 pm #630994
    Donkies11

    Hello Vinay/Support,

    This won’t work as we only want the “Slim” choice for the homepage.
    The rest of the site’s pages we want to shrink as the user scrolls.

    I’ve placed ADMIN info for the site into the private area.

    Again – I need only the homepage to load like this screenshot: homepage header

    The rest of the site’s pages should load as they currently are.

    ~ Greg

    May 12, 2016 at 10:32 pm #631647
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.home #header_main > .container, .home #header_main > .container .main_menu ul:first-child > li > a, .home #header_main #menu-item-shop .cart_dropdown_link {
    height: 75.5px!important;
    line-height: 75.5px!important;
}
.home #wrap_all #main {
    padding-top: 108px!important;
}

    Best regards,
    Yigit

    May 12, 2016 at 10:43 pm #631656
    Donkies11

    Hello Yigit,
    That did it!! Thank you.
    Sincerely,
    Greg

    P.S. This ticket can be closed. thanks again… gw

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘keep menu/logo bar shrunk on homepage only’ is closed to new replies.