ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• October 5, 2015 at 2:18 pm #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?

  October 5, 2015 at 3:24 pm #218535
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

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

  – Kyle

  October 6, 2015 at 12:41 pm #218798
  konstanco

  Member

  Post count: 8

  Thanks!

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

  October 6, 2015 at 12:46 pm #218800
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  There’s no slider set on the page

  – Kyle

  October 6, 2015 at 12:53 pm #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

  October 6, 2015 at 1:13 pm #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.

  October 6, 2015 at 1:16 pm #218808
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  October 6, 2015 at 1:19 pm #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.

  October 6, 2015 at 1:23 pm #218812
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  October 6, 2015 at 1:30 pm #218815
  konstanco

  Member

  Post count: 8

  Hi again Mohammad,

  So far we will just be using #4d5d8c.

  Thanks.

  October 6, 2015 at 2:14 pm #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

  October 6, 2015 at 3:02 pm #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 🙂

  October 6, 2015 at 3:13 pm #218862
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great. Thanks Mohammad.
  -Rui

• Back to forum

  Posted in: Atelier