Hi Louise,

Can you please draw a sketch that shows where you want to put the social icons so I will figure out the right way for you.

Hi Louise,

Can you please add the following code in functions.php (end of file):

// Display social media networks in header
function display_social_media_on_top_header() {
    
    ?>
    <div class="social-media-header-container">
        <?php echo do_shortcode( '[lab_social_networks rounded]' ); ?>
    </div>
    <?php
}
add_action( 'kalium_header_main_before_logo', 'display_social_media_on_top_header' );

Then to style and position it properly, add this custom CSS:

.social-media-header-container {
    display: block;
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}

To apply Custom CSS, on WP admin panel menu click Custom CSS link (as shown here).

This should work for you.

Hi Louise,

Thanks for your kind words

Can you please add the code below to Laborator > Custom CSS

.wpb_wrapper .wpb_text_column ol li, .wpb_wrapper .wpb_text_column ul li {
    color: #000 !important;
}

Will set this ticket as solved from here.

P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

A huge thank you from Laborator in advance and have a great weekend!