Mobile toggler style settings

  • Resolved branchoutwebsites

    (@branchoutwebsites)


    6 years, 8 months ago

    I’m using the latest version of elementor with the hello theme.

    I’m using the Header footer builder plugin and free version of Elementor.

    I can’t change the styling of the mobile toggler icon itself. (Using Default NavMenu widget.)

    I’ve tried in the widget settings under mobile toggle. I can’t see if or where the icon which might be displayed within the mobile toggler would be defined. I can find it’s color settings, but if I change nothing becomes visible, so I’m assuming that the icon is not set. Any idea where I define it?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter branchoutwebsites

    (@branchoutwebsites)

    6 years, 8 months ago

    I’m a step nearer. I used css to control the state before it is clicked:

    .fa-navicon:before {
	font-family: 'font awesome 5 free';
	content:"\f107";
	font-weight:900;
	
}

    I tried the following to target the toggle icon after it’s clicked, but it doesn’t appear to work:

    .elementor-menu-toggle.eltoggled-on .fa-navicon:before {
	font-family: 'font awesome 5 free';
	content:"\f107";
	font-weight:900;
	
}
    Elementor

    (@davidr90)

    6 years, 6 months ago

    Unfortunately, This is not an Elementor feature,
    If you wish to create and customize the menu on your site, you could do that by using Elementor Pro.

    Your menu might be coming from your theme’s settings.
    Please try contacting the author of your theme, for extra guidance.

    You can also try using custom code.
    Maybe our facebook community can help you out with that.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile toggler style settings’ is closed to new replies.