Hi Paula,

The social images from the custom social media widget contains a alignleft CSS class. Please remove that class from all img tags and the social icons will display properly in the topbar.

Edit: If you want to change our social media icons to the custom added ones you can use the following CSS (Please add via Appearance > Customize > Theme Options > Custom CSS)

.topbar .widget-social-icons a {
width: 35px;
height: 35px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
line-height: 32px;
text-align: center;
}
.topbar .widget-social-icons .fa {
font-size: 18px;
color: #3a3a3a;
text-align: center;
}

If you have any questions, feel free to ask

Paula,

You can use the following CSS for it to adjust it:

.footer .widget_nav_menu ul li { padding-left: 25px; }
.footer .widget_nav_menu ul li::before { position: absolute; top: 3px; left: 0; }

This is how we designed the slider. The text and buttons (if added) are positioned below the slider image on mobile devices. If we keep it on top of the slider image on such small screens the text will cover the entire image. This is how it looks like if there is a heading added.

If you want to hide that on mobile devices you can use: 

@media (max-width: 992px) { .jumbotron.carousel .carousel-text { display: none; }}

Thank you for mentioning 

This need a fix. We will add this for the following update.

For now you can use this CSS to fix it:

@media( max-width: 992px) { .jumbotron.carousel .carousel-text { padding: 0; } .jumbotron.carousel .carousel-content { padding: 20px 0;} }

You're welcome!

If you have any questions, feel free to ask