Okay
  Public Ticket #3482370
Rearrange social icons/ add divider to secondary header
Closed

Comments

  •  3
    Brandon started the conversation

    Hello! I'd like to move the email phone icons immediately to the left as its own group and add a divider in between them and the social media icons. Is there any way to accomplish this?

    Attached files:  Screen Shot 2023-09-20 at 3.21.07 PM.png

  •  1,077
    ThemeNectar replied

    Hey Brandonsmile.png

    You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

    #header-secondary-outer #social {
      display: flex;
    }
    
    #header-secondary-outer #social li {
      order: 3;
    }
    
    #header-secondary-outer #social li:nth-child(5) {
      order: 1;
    }
    #header-secondary-outer #social li:nth-child(6) {
      order: 2;
      padding-right: 10px;
      border-right: 1px solid #000;
      margin-right: 20px;
    }
    
    Kind regards
  •  3
    Brandon replied

    Thank you! That worked!