UBMegaMenu's _module .less files not compiling

When using my theme (‘MGS -- Organie’) UBMegamenu .less files do not compile and no .css files are available.
If I switch to ‘luma’ then the .css for UBMegaMenu is created in styles-l.css and styles-m .css.
How can I get my theme to compile and reference the .css for the mega menu ?
Many thanks, Lee. 

10 answers

Profile photo of Ziven Staff 100280.00 $tone February 3, 2020
Public

Hi Lee Fowler,

When using my theme (‘MGS — Organie’) UBMegamenu .less files do not compile and no .css files are available.
If I switch to ‘luma’ then the .css for UBMegaMenu is created in styles-l.css and styles-m .css.
How can I get my theme to compile and reference the .css for the mega menu ?

Please let me know the Magento version and UB Mega Menu version that you’re using? 
I checked in my local instance with Magento 2.3.4 and UbMegaMenu 1.1.8, and did not see the issue you mentioned (This is the screenshot at my end: https://www.dropbox.com/s/i04i294fwijukjl/2020-02-03_08-48-50.png?dl=0) 

Please provide me the following credentials, I will check further and get back to you then: 

  • URL and Admin credentials of your M2 instance
  • SSH credentials of your M2 instance
  • Let me know the path to your M2 folder

Best Regards,
Ziven.
 

#1
Profile photo of Ziven Staff 100280.00 $tone February 3, 2020
Public

Hi Lee,
 
Thanks for your quick follow up. I can access your instance now.
 
I’ve already checked your site, please give me a bit more time to export a CSS file for your specific theme. I will keep you updated once done. Thanks for your patience.

Best Regards,
Ziven.

#7
Profile photo of ubdev Staff 98150.00 $tone February 3, 2020
Public

Hi Lee,
We’d like to update further below: 

If I switch to ‘luma’ then the .css for UBMegaMenu is created in styles-l.css and styles-m .css.
How can I get my theme to compile and reference the .css for the mega menu ?

For compatibility with your theme, you can do the following steps:
 
Note: You should back up your site first. Once done, you access your server via SSH and navigate to your Magento 2 folder, then run the following commands one by one:
 
Step 1: Go to the file: app\design\frontend\Mgs\organie\Magento_Theme\layout\default.xml, insert this code below the line 10:
<css src=”css/ubmegamenu.css”/>
(like this screenshot: https://www.dropbox.com/s/6oox6jydnnmh0d2/2020-02-03_17-37-00.png?dl=0)
 
Step 2: Download the file: https://www.dropbox.com/s/hvye70jzicu6xhe/ubmegamenu.zip?dl=0
and extract it to the folder: app\design\frontend\Mgs\organie\web\css (like this screenshot:  https://www.dropbox.com/s/hw5ady4v3gxguhv/2020-02-03_17-38-31.png?dl=0 )
 
Step 3:
Compile LESS to CSS by running these CLIs:
Step 3.1: php bin/magento maintenance:enable
Step 3.2: rm -rf var/di/* var/generation/* var/cache/* var/log/* var/page_cache/* var/session/* var/view_preprocessed/* pub/static/frontend/Mgs/organie/*
Step 3.3: php bin/magento setup:static-content:deploy -t Mgs/organie -language en_US -f (Make sure you are using developer (or default) mode)
Step 3.4: php bin/magento cache:flush
step 3.5: php bin/magento maintenance:disable
Step 3.6: clear your browser cache
 
Please let us know how it goes then.
 
Regards,
Ubertheme team

#8
Profile photo of ubdev Staff 98150.00 $tone February 3, 2020
Public

Hi Lee,
We’re glad that it helps. 
Please move forward with your mega menu setup. In case you have any additional question, feel free to get back to us here.
Regards,
Ubertheme team

#10

Please login or Register to Submit Answer

Written By

Comments