Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 4, 2022 at 7:35 pm #1334275
    chrisdempsey78

    I am looking after a website built by another developer and updated Enfold 3.2.3 to the latest version 4.8.8.1.

    There is an issue with the main menu on desktop screens, an additional text item named Menu appears at the right side. When clicked a flyout menu appears including the second level navigation items that would usually be a dropdown on larger screens.

    I suspect the extra text Menu item is mean to be the Burger icon but I can’t figure the correct settings to use.

    The page source shows the extra text Menu item is currently

    <li class="av-burger-menu-main menu-item-avia-special ">
	<a href="#" aria-label="Menu" aria-hidden="false">
		<span class="av-hamburger av-hamburger--spin av-js-hamburger av-inserted-main-menu is-active">
			<span class="av-hamburger-box">
	          <span class="av-hamburger-inner"></span>
	          <strong>Menu</strong>
			</span>
		</span>
		<span class="avia_hidden_link_text">Menu</span>
	</a>
</li>

    Can anyone suggest how configure Enfold so that

    • On desktop the Main Menu shows as text with some dropdowns on hover
    • On mobile the Main Menu is a Burger icon with Flyout on tap

    Enfold Settings
    Enfold > Theme Options > Main Menu: Menu Items for Desktop = Display as icon
    Enfold > Theme Options > Main Menu: Burger/Mobile Menu
    Menu Icon Submenu items = Display submenu items on click
    Menu Icon Style = Default
    Menu Overlay Style = Sidebar Flyout Menu (Classic)

    Environment
    WordPress 5.8.2
    PHP 7.4.27
    Enfold 4.8.8.1
    Plugins
    Classic Widgets
    Enable jQuery Migrate Helper
    WP Super Cache (cache is deleted after each update to Enfold Settings)
    Cloudflare DNS with proxy/cache disabled

    Production and staging urls supplied in Private Content.

    • This topic was modified 3 years, 6 months ago by chrisdempsey78. Reason: Updated for clarity
    January 5, 2022 at 6:26 am #1334324
    Ismael

    Hey chrisdempsey78,

    Thank you for the inquiry.

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to reload the scripts and stylesheets, and make sure to update any modified template files in the child theme. Please do not forget to purge the cache afterwards.

    Best regards,
    Ismael

    January 5, 2022 at 1:51 pm #1334374
    chrisdempsey78

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to reload the scripts and stylesheets, and make sure to update any modified template files in the child theme. Please do not forget to purge the cache afterwards.

    The Enfold > Performance > File Compression options for CSS and JS were disabled. I enabled them, cleared the cache and force refreshed the staging site – the navigation still displays incorrectly so I set the Compression options back to disabled and cleared the cache again.

    There was no Child Theme with the original site and \wp-content\themes\enfold\css\custom.css has no custom css. Appearance > Customise: Additional CSS has one entry relating to table styles but no navigation elements.

    Any suggestions for what I should investigate next other than trying to find the original theme files and performing a filediff on the production files to see if the original developer hard coded an update? (I doubt this as I’m sure a visual editor is the limit of his capability).

    January 6, 2022 at 3:30 am #1334455
    Ismael

    Hi,

    Thank you for the info.

    Looks like the mobile menu is not getting its intended styling. Please check the Quick CSS field and any custom css modifications in the site, and make sure that there are no invalid css code. The header looks standard with no modifications, so the previous developer probably did not override the header and menu templates.

    Best regards,
    Ismael

    January 17, 2022 at 5:15 pm #1335898
    chrisdempsey78

    I resolved the issue by deleting the cache at /min/cache/*.

    It would have contained information created from the original website prior to the updating to the latest version of the Enfold Theme.

    Unsure why Enfold wouldn’t clear this after related options are updated – maybe it does and there is a lingering issue?

    January 18, 2022 at 5:24 am #1335956
    Ismael

    Hi,

    Thank you for the update.

    Unsure why Enfold wouldn’t clear this after related options are updated

    The cached file is probably generated by a cache or compression plugin, so the theme will not be able to delete it. You may have to manually purge the cache or toggle the file compression settings from the plugins’ options panel.

    If you have more questions, please feel free to open another thread. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Main menu issue after upgrade’ is closed to new replies.