Mega Menu Background Image

ardaolgun

Hi how can I change megamenu background image.

My site is https://hipokrat.com.tr/

I have used that code on Google Chrome it works but when I write same code Theme Options > Custom CSS&JS area it doesn't work. 

My code is here,

@media only screen and (min-width: 1240px)

.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {

    background-image: url('/wp-content/uploads/2020/08/megamenu.jpg');

    background-position: bottom right;

}

Pablo

Hello,

You do not have enabled any mega menu, are you sure that you enabled it correctly?

Check out the documentation:

https://themes.muffingroup.com/betheme/documentation/#mega-menu

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ardaolgun

Yes I am sure. You can see this Mega Menu on Products or Ürünler menu title

https://hipokrat.com.tr/en/home/

https://hipokrat.com.tr/

Pablo

Please use this CSS code, it will work fine:

.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {
    background-image: url('/wp-content/uploads/2020/08/megamenu.jpg') !important;
    background-position: bottom right !important;
}

ul.sub-menu.mfn-megamenu{background-color:transparent !important;}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ardaolgun

No it didn't work. It has made all background transparent. No color, no image.

Pablo

When I applied it, the mega menu looks like here:

https://prnt.sc/tuy009

How you would like to make it look like?

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ardaolgun

Yours looks like awesome. I will check again mine.

ardaolgun

No it doesn't work. Only transparent code works, the mega menu looks like here:

https://prnt.sc/tv67gc

Pablo

Which browser do you use? I have to check it.

Can you apply that code and leave it for investigation time?

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ardaolgun

I use Google Chrome. Now I apply that code and I can leave it until 08.08.2020 16:00

Thanks

Pablo

The problem is that you inserted red dot before the css code I sent you.

Remove it and it will work fine

https://prnt.sc/tvoqx8

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ardaolgun

You are awesome. I am so sorry. But it wasn't seem on CSS area. I have deleted codes and write again. Now it works. Thanks for everything.