Move the Social Icons and Tagline

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

SI = Right, Tagline = Left:

/* START OF Move the Social Icons and Tagline */
/* Move SI to Right, adjust margins if needed   */
.navbar-inner .social-block {
float:          right;
margin-top:     10px;
margin-right:   0px;
text-align:     right;
}
/* Move Tagline to Left    */
.navbar-wrapper .navbar h2 {
float:          left;
margin-top:     10px;
margin-left:    20px;
text-align:     left;
}
/* Hide Tagline, if not needed */
.navbar-wrapper .navbar h2 {
display:        none;
}
/* END OF Move the Social Icons and Tagline */

 

SI = Right, above Tagline:

/* START OF Move the Social Icons and Tagline */
/* Move SI to Right, adjust margins if needed   */
.navbar-inner .social-block {
float:          right;
margin-right:   -30px;
text-align:     right;
}
/* Move Tagline to Right, adjust margins if needed  */
.navbar-wrapper .navbar h2 {
clear:          both;
float:          right;
margin-top:     0px;
margin-left:    20px;
text-align:     right;
}
/* END OF Move the Social Icons and Tagline */

 

SI = Right, below Tagline:

/* START OF Move the Social Icons and Tagline */
/* Move Tagline to Right, adjust margins if needed  */
.navbar-wrapper .navbar h2 {
clear:          both;
float:          right;
margin-top:     -30px;
margin-left:    20px;
text-align:     right;
}
/* Move SI to Right, adjust margins if needed   */
.navbar-inner .social-block {
float:          right;
position:       relative;
top:            40px;
margin-top:     0px;
margin-right:   -30px;
text-align:     right;
}
/* END OF Move the Social Icons and Tagline */

 

25 thoughts on “Move the Social Icons and Tagline”

Comments are closed.