Social Media plugin

Sparkling
1

Another question with the header. I’m using Ultimate Social Media Plus (plugin) and i’m trying to show that in the right side of my header on the same row as my menu items. How do i do this?
The php code for the menu is <?php echo DISPLAY_ULTIMATE_PLUS(); ?>

Thanks

2

Hi @ludhercris,

I hope you are well today and thank you for your question.

You can try achieving this by using the attached custom child theme of Sparkling theme that contains some custom code.

Best Regards,
Movin

3

Hi

This didn’t help. The code in the functions.php crashed my site so i had to restore the file using ftp.
The picture attached shows what the code does. I would like the plugin to be on the same line as the menu items.

Thanks

4
This didn’t help. The code in the functions.php crashed my site so i had to restore the file using ftp.

The functions.php file in the shared child theme only contains following code that works fine on my test site so not sure how it crashed your site. Please make sure you are using parent Sparkling theme and share me the error message or any specific information about what you are referring as crashing the site.

<?php

// Queue parent style followed by child/customized style
add_action( 'wp_enqueue_scripts', 'func_enqueue_child_styles', 99);

function func_enqueue_child_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_dequeue_style('sparkling-style');
    wp_enqueue_style( 'sparkling-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}
The picture attached shows what the code does. I would like the plugin to be on the same line as the menu items.

We can achieve this by developing custom CSS code.

Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

5

Hi, sorry for the late reply.

I’ve tried the code again and it’s still stuffed up the site. The screenshot attached shows what happens when i update the functions.php file. Is there a specific place within the php file that i need to place the code?

My site url is thestraytraveller.com

6
I’ve tried the code again and it’s still stuffed up the site. The screenshot attached shows what happens when i update the functions.php file. Is there a specific place within the php file that i need to place the code?

It seems you are not doing the things correctly.

Why are you updating the file as i just told you to use the shared child theme?

You don’t need to update anything and just need to use the shared child theme on your site.

We are using child theme here instead of updatng theme file because if you make changes in the theme file then you have to make these changes again after theme updation as changes made in the theme files get lost on theme updation.

7

Hi,

My apologies, i wasn’t quite sure where i had to implement the child theme, hence why it crashed. It’s now been implemented.

The social media plugin however is still placing itself on a new line.

The URL is thestraytraveller.com

8
The social media plugin however is still placing itself on a new line.

I visited your shared site but didn’t see social icons on your site as shown in the attached screenshot.

Please advise.

9

Hi

Sorry, i removed the line of code that showed them. I’ve put it back in now so try now.

Cheers

10

You can try aligning it by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS



.site-header .sfsi_plus_widget {
    margin-left: 20px;
}
@media (min-width: 768px){
.site-header .sfsi_plus_widget {
    float: left;
    margin-top: 18px;
}

.site-header .collapse.navbar-collapse.navbar-ex1-collapse {
    float: left;
}
}
11

Awesome! Thankyou so much! There seems to be a white gap between the nav bar and the header - is there any way to get rid of that?

12

You are most welcome here :slight_smile:

There seems to be a white gap between the nav bar and the header – is there any way to get rid of that?

I don’t see the gap between the nav bar and the header as shown in the attached screenshot.

Please advise.

13

Hi

I’m not sure what happened but it’s gone now.

Thanks

14

ok