moving social media icons location

Of course.

Copy the code of the social media buttons from the current location. Delete it.
Paste the code in the header.php file inside the div called nav-menu

Hi Rob258

Thank you for the quick response. I am using a child theme, I know I can make a new header.php file in the child theme and edit that.
Is there one piece of code to move the whole social media icon bar or is it seperate for each icon? Could you tell me exactly which piece of code needs to be moved and where it is located?
Sorry for so many questions, I’m learning as I go along.
My website is maml.org.uk if that helps

Thank you

Im testing this out on my other site.
I took the social media bar code out of footer.php and added it into header.php into the navbar div. The icons are showing on a second line under the menu to the left. I cant figure out how to get them on the same line as the menu and to the right.
The website is kashf.co.uk
any ideas?

I’ve managed to get the icons in the menu bar how I wanted after alot of trial and error but now I have a slight problem when viewing the site on a mobile device.

The social media icons jump to on to a different line when the menu button is pressed. Anybody know how I can fix this?

This is the code I used to get it like this

#socialbar {
float: right;
position:relative;
top:-45px;
}

#social-icons {
float: right;
}

/* puts menu bar back to normal width */
.col-md-12 {
max-height: 52px;
}

Also I’ve just realised that the last line of code that changed the menu bar width back to normal also gives me a big problem of the text at the bottom and footer move up on the page and clash with the main body. This happens on all the pages except the homepage.

Anybody know how to fix this?

just fixed the problem of the text clashing, had to change .col-md-12 to .navigation .col-md-12

still having the problem of the social media icons jumping around on mobile,
any ideas anybody?

Hi maml,

Could you please send the link of the site so that we could replicate actual issue and provide solution.

Thanks

Hi StyledThemes

the website is kashf.co.uk

Thanks for your help and for the great theme

Hi Styledthemes
can you also tell me how I can get the “menu” button to display on the left instead of centre when viewed on mobile. I want the social media icons to stay where they are, just the menu button to move to the left.
Thank you

Im still not having any luck stopping the social media icons from jumping up and down on mobile. Can anyone tell me what I’ve done wrong and how to fix it?

I found another way around it, marking as resolved