How to add social Icons in mobile navigation using elementor

1.1k views Asked by At

Is there any way to add social icon links in navigation for all the breakpoints using elementor in WordPress. I have managed to display them in a column on desktop but I am not able to display in mobile navigation

enter image description here

1

There are 1 answers

0
mhdi On BEST ANSWER

If you need icons to stay in a row with your logo(or any other thing) and not make a new row.

Well you have 2 options:

  1. You can create a template (sections) and make put icons there, then add the template using shortcode widget. Just keep in mind, your section in header must have only 1 column and the widgets inside must be set to "inline".

  2. You can have 2 or more columns and then add css class to each, then you will have to set "flex" in custom css. For example, you have columns with these css classes: .column1 & .column2

Now we go for custom CSS (doesn't matter on which widget you write this custom css):

.column1 {flex:1;}
.column2 {flex:3;}

Change number in flex based on what you need.