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
• June 2, 2015 at 3:02 pm #180731
  saylife

  Member

  Post count: 161

  How can I implement this feature for “Atelier”?

  Here you wrote on the forum.

  http://www.swiftideas.com/forums/topic/contact-slide-close-button/

  Where it is, need to change it?

  
  $contact_icon = apply_filters( 'sf_header_contact_icon', '<i class="ss-mail"></i> <i class="ss-phone"></i>' );

  to

  
  $contact_icon = apply_filters( 'sf_header_contact_icon', '<i class="ss-mail"></i> <i class="ss-phone"></i><i class="ss-cloud my-custom-close-bt"></i>' );

  In the css custom option add this

  
  .my-custom-close-bt{
  display:none;
  }
  .slide-open .my-custom-close-bt{
  display:block;
  }

  June 2, 2015 at 3:09 pm #180733
  saylife

  Member

  Post count: 161

  Excuse me,please.
  How to add next to the icon, the word “MENU” in the header?

   

  

  June 2, 2015 at 11:08 pm #180924
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  
  .header-left .aux-item:first-child:after {
    content: "MENU";
  }

  -Rui

  June 3, 2015 at 9:42 am #181024
  saylife

  Member

  Post count: 161

  Thank you!
  And what is the code for the mobile menu to the right?

  This code does not work:

  .mobile-header-opts.opts-right:first-child:before {
    content: "MENU";
  }

  June 3, 2015 at 10:02 am #181032
  saylife

  Member

  Post count: 161

  I found on the forum the solution)))))

  .mobile-header-opts.opts-right:before {
    content: "MENU";
    vertical-align: super;
  }

  June 3, 2015 at 10:04 am #181033
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Try this one

  
  .mobile-header-opts.opts-left:after {
    content: "MENU";
  }
  .mobile-header-opts a:first-child {
    margin-top: 0px;
  }

  -Rui

  June 3, 2015 at 10:12 am #181037
  saylife

  Member

  Post count: 161

  Thank you!

  Can you help me with the code for “Contact Slide close button”?

  June 5, 2015 at 8:08 am #181679
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  If is related to the first question you made.
  Place the code below in the functions.php of your child theme

  Adjust the icon name inside the function

  
  function sf_atelier_header_my_custom_contact_icon() {
  return '<i class="fa-envelope-o"></i>';
  }
   
  add_filter('sf_header_contact_icon', 'sf_atelier_header_my_custom_contact_icon', 99);
  

  -Rui

  June 5, 2015 at 12:46 pm #181780
  saylife

  Member

  Post count: 161

  Hi!
  Thank you.
  But this code just changes the icon.
  I don’t need it.
  I would like to have such a window , as in “Overlay Menu”.
  What would people saw a big cross to close the window.
  Many do not understand that it is necessary to click again on the same icon

  

  June 7, 2015 at 1:44 am #182013
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @saylife

  I’ll add that to the list, hopefully for the next update.

  – Ed

• Back to forum

  Posted in: Atelier