[loend43Participant]

Hi guys,
I first wanted to say that the X-theme is absolutely awesome. Probably the best theme out there. I am going on my fourth site with your theme. In previous builds I used the uber menu and the hero menu with great success. However my client this time would like a hamburger menu for desktop as well as mobile. As I have reviewed the superfly menu it looks like it would work perfect for this particular build. I have had no problem removing the standard menus to use superfly in its place.

I have it set up on the new site and it seams pretty straight forward. My only issue I am having right now is to get it to stay where I want it to as it changes device screen sizes.

I would like to center the logo and have the hamburger Icon stay about 50-100px or about the same distance as you would see in mobile view or screen size of 480px to the right of the logo at all times.

However what is happening is I get it looking just how I want on desktop and the second you start to shrink the screen size it moves into and across the logo so you actually lose the menu in the logo for a sec then it moves to the left side and eventually off the screen altogether..

Is there a way to get the Icon to just stay right of the logo at about 50-100px and not move during responsiveness just stay with the logo?

The URL to the site is redridgenetworks.com keep in mind I just started this site and there is no content yet just trying to get this menu set up first..

Hope you can help.. Thank you

[RahulModerator]

Hello there,

Thanks for the appreciations.

You can use media queries at different break points with proper margin-right value for .sfm-navicon-button.

And 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.

[Author]

Posts