New Landing How can we help? Atelier Transparent header issues

Viewing 13 posts - 1 through 13 (of 13 total)
  • Posted in: Atelier
  • #218471
    konstanco
    Member
    Post count: 8

    Hi there,

    We are using the transparent header, which looks great on the front page with the slider right under it.

    Unfortunately, it is a bit of an issue on all other pages, since they do not have the slider. So the menu is all white, until you start scrolling.

    Any workaround for getting the header to only be transparent on the frontpage?

    #218535
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Sure, just enable ‘header light’ on the home page only

    – Kyle

    #218798
    konstanco
    Member
    Post count: 8

    Thanks!

    That is what we already did. Unfortunately, it had no effect: https://macspil.dk/dev/all/

    #218800
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    There’s no slider set on the page

    – Kyle

    #218802
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {
        color: #000 !important;
    }
    
    .home nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {
        color: #fff !important;
    }

    Thanks
    Mohammad

    #218807
    konstanco
    Member
    Post count: 8

    Hi again,

    We do not have any slider on other pages than the frontpage: https://macspil.dk/dev/

    @mohammad

    Thanks, but that code just changed the color of the font.

    #218808
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Everything looks perfect at after using the code. Now all menu links looks perfect.
    Thanks
    Mohammad

    #218810
    konstanco
    Member
    Post count: 8

    But the site is not using the code right now.

    All the code did was changing the font color to white, which made it impossible so in the white background.

    The problem is that the background color of the header is transparent when at the top of the site. It should only be like that on the front page. Not on all other pages too.

    #218812
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    What background color do you want for all pages except home?
    Thanks
    Mohammad

    #218815
    konstanco
    Member
    Post count: 8

    Hi again Mohammad,

    So far we will just be using #4d5d8c.

    Thanks.

    #218831
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-
    .header-wrap, .vertical-header .header-wrap #header-section {
    background: #4d5d8c;
    }

    Thanks
    Mohammad

    #218857
    konstanco
    Member
    Post count: 8

    Thanks Mohammad!

    That did the trick! Still a little transition effect when scrolling down, but this will do for now 🙂

    #218862
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great. Thanks Mohammad.
    -Rui

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register