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
• December 8, 2016 at 10:50 pm #305904
  Paul Victor

  Member

  Post count: 87

  Hi,

  Three questions:

  1. I’m trying to have my text in a single column displayed centered and fullwidth in the main promo bar below the navigation but it appears that the column is too narrow for this text. Any way to resolve this? https://monomatcha.com/contact/

  2. The second menu item (Matcha Collections) has an additional white background behind the text which doesn’t animate as well with the rest of the navigation when you scroll the page. Try scrolling down and then back up and then you will see the issue. I can’t really make a screenshot of it as the transition is too quick.

  3. In the transparent header, the second menu item is black while the rest is white as it should be. Any way to adjust the code so that the menu item is white? I can’t remove the implemented CSS as that will affect the standard header. https://monomatcha.com/matcha-versus-coffee-health-benefits-compared/

  You will need to use the login data attached as the site is currently private. Thanks!

  December 12, 2016 at 11:35 am #306198
  David Martin – Support

  Moderator

  Post count: 20834

  1) Have you removed this? If you could please create a test page to show me.

  2) I think you refer to the header resize back to the normal height. I think we can smooth that out with this:

  nav.std-menu ul.sub-menu {
      -webkit-transform: translateZ(0) translateY(0);
      -moz-transform: translateZ(0) translateY(0);
      transform: translateZ(0) translateY(0);
      transition: transform .5s ease-in-out,transform .5s ease-in-out,background .5s ease-in-out;
      -moz-transition: top .5s ease-in-out,-moz-transform .5s ease-in-out,background .5s ease-in-out;
      -webkit-transition: top .5s ease-in-out,-webkit-transform .5s ease-in-out,background .5s ease-in-out;
      -o-transition: top .5s ease-in-out,-o-transform .5s ease-in-out,background .5s ease-in-out;
  }

  3) For this page https://monomatcha.com/about/? Try this:

  .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav.std-menu .sf-menu-item-btn>a {
      color: #fff!important;
  }

  Thanks.

  December 12, 2016 at 7:23 pm #306284
  Paul Victor

  Member

  Post count: 87

  This reply has been marked as private.
  December 15, 2016 at 11:08 am #306698
  David Martin – Support

  Moderator

  Post count: 20834

  1) Please use this:

  #sf-banner-widgets .col-sm-4:empty {
     display: none;
  }
  #sf-banner-widgets .col-sm-4 {
     width:100%;
  }

  2) hmm, maybe I am missing or not understand this, I see:

  

  3) Please use this example to also change that:

  .page-header-naked-light .sticky-wrapper:not(.is-sticky) nav.std-menu .sf-menu-item-btn>a {
  color: #fff!important;
  }

• Back to forum

  Posted in: Atelier