[HarryParticipant]

Hey Team,

I have tried searching in the forums for solutions for similar issue that i am having , unfortunately without success.

1)
The desktop menu is working perfectly, however the mobile menu is not.
In Mobile view – when at the top of the website the navigation does not go to the right position of the section, but when i scroll down a bit and then navigate, then it does navigate to correct position. I have no idea what to do here!
2)
Mobile Menu – I want to remove the company logo and only keep the hamburger and background transparent.
3)
Mobile Menu – I only want to change the hamburger icon to [icon type=”times”] when the menu is open. Is this possible?

[HarryParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello Harry,

Thanks for writing in!

1] Could you please elaborate? Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

2] To remove the company logo and only keep the hamburger on smaller devices, please add the following css code in your child theme’s style.css

@media(max-width: 979px){
  .x-navbar {
    background-color: transparent;    
  }

  .x-navbar .x-brand{
    display: none;
  }

  body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 0;
  }
}

3] To change the hamburger icon to [icon type=”times”] when the menu is open, please add the following css code in your child theme’s style.css

.x-btn-navbar.collapsed .x-icon-bars:before {
    content: "\f0c9";
}

.x-btn-navbar .x-icon-bars:before {
    content:"\f00d";
}

This codes will not work in the customizer because it will automatically remove forward and backward slashes for security reasons.

Hope this helps.

[Author]

Posts