Docs

[thewisegoose]

I would like to change the mobile menu button from been centered under the site logo, to be in the upper top right of the screen, possibly next to the social icons in the topbar

http://watkinsonjoinery.co.uk/

Thanks

[Paul R]

Hi,

Thanks for writing in!

To achieve that, you can try adding this in Custom > Edit Global Javascript

jQuery( function($) {    
   $(".x-btn-navbar").appendTo(".x-topbar .x-social-global");
});

Hope that helps.

[thewisegoose]

Thanks, but the shape took on the circle hover of the social icons. Is it possible to have it on it own, top right of the screen?

[Joao]

Hi There,

Seems like you removed the code so it is hard for us to make the necessary adjustments.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[thewisegoose]

This reply has been marked as private.

[Joao]

Hi There,

Add the code provided by Paul on Appereance Customizer Custom Javascript.

And Add this code on Appereance Customizer Custom CSS:

.home .x-btn-navbar {
margin-top: -42px;
float: right;
margin-right: 20px;
}

Hope that helps,

Joao

[thewisegoose]

Thanks, it’s where I want it to be, but I like the original button better (this one as got an off center round background)

[Rahul]

Sure, You can set it as per your need. Let us know if you need any further help.

Cheers

[thewisegoose]

Sorry, I Would like the button to be like the original Integrity button, cant figure out how to do it… also I would like the 4 social icons to be centered over the logo
Thanks

[thewisegoose]

sorted it – I just changed append to the .x-topbar & tweeked the css
Thanks

[Jade]

Glad to hear you got it sorted. Cheers!

[Author]

Posts