#132176 Megamenu full width

Landing Forums JupiterX WordPress Theme Megamenu full width

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • Jacob Thomsen

    Hi artbees,

    can you help with custom css for this megamenu, see attached layout:
    · full width of the white background
    · move the megamenu under the blue line in the menu ( a little bit down)

    Live site here: https://nordictrailer.v16.dk/ – menumenu under the menupoint “Trailertyper”

    Regards Jacob

    Amir Rather Support Team

    Hi There

    I don’t see the Mega Menu active it’s just a normal Navigation Menu here https://take.ms/QOHSI

    What am I missing?

    Regadrs

    Jacob Thomsen

    Hi, i always turn megamenu on – in the menu settings – is that wrong?

    • try and move the cursor over the menu point “Trailertyper” – and you should see the menu, it is just a screenshot of my layout, i am i the process of building the site.
    • see attached megamenu1 – where i choose megamenu, and megamenu2 on the live site, move cursor over “Trailertyper”

    Regards Jacob

    Alexander Hutsol Support Team

    Hello,

    Please check the following article on how to create a mega menu using the JetMenu plugin (it can be installed via Jupiter X > Control Panel > Plugins):

    Also, here you can check how to make it full width:

    https://crocoblock.com/knowledge-base/articles/jetmenu-how-to-make-a-fullwidth-mega-menu-with-jetmenu-plugin-for-elementor/

     

    Regards.

    Jacob Thomsen

    Hi artbees,

    is it possible to make white background on the left part of the megamenu? Please see attached.

    Regards Jacob

    Nodari Support Team

    Hi Jacob

    Do you mean the left section divided the vertical black line on the screenshot? well, it’s possible since you are using Elementor in the mega menu you can divide it by two and then add any background color or image to any column or inner rows

    Regards.

    Jacob Thomsen

    Hi Nodari,

    no it is the background on the left on the megamenu i would like to be white like on the right side on the megamenu – see attached. I would like to have the whole megamenu to fill the width of the screen with a white background…

    Regards Jacob

    Nodari Support Team

    Hi Jacob

    yes, sure, it’s possible but you need to make it full width first, please check this out, my colleague already suggested a solution to make the mega menu full width:

    https://crocoblock.com/knowledge-base/articles/jetmenu-how-to-make-a-fullwidth-mega-menu-with-jetmenu-plugin-for-elementor/

    Regards

    Jacob Thomsen

    Hi Nodari,

    thanks. I have tried using the jetplugins settings. But i just cant figure out what to write in the “Mega menu width selector” can you help? – see attached “jetplugin.jpg”

    And another thing, i am trying to activate the down arrow after the menu point “Trailertyper” – see https://nordictrailer.v16.dk/ – i have tried to altså do this in the jetmenu settings, but i does not work.

    Regards Jacob

    Mohsin Al-Rabieai Support Team

    Hi Jacob,

    The Mega Menu selector for width exists under Crockoblock -> Jet Plugins settings -> Jet Menu -> Desktop as it stated on the article that my colleague mentioned. However, it won’t help you because you are using the Raven Menu Navigation on your header template instead of the Mega Menu widget. You need to use the Mega Menu widget to make it work as you wish.

    Hope it helps 🙂

    Jacob Thomsen

    Hi, i have converted to the jet menu. But i am having trouble in making the drowdown menu center on the page? Can you help?

    And how do i move the dropdown menu a little down, it is very close to the top menu point…

    Regards Jacob

    Alexander Hutsol Support Team

    Hello,

    To center the mega menu content I set the column settings as shown on the screenshot https://i.imgur.com/RBcJxgs.png

    Also, I added the CSS code in Customize > Additional CSS to move down the the megamenu block:

    .jet-mega-menu-mega-container {
    margin-top: 22px;
    }

    Please clear the cache and check the site.

     

    Regards.

    Jacob Thomsen

    Thanks – now there is a lot of white space on the right side of the page – is this due to these settings?

    Regards Jacob

    Alexander Hutsol Support Team

    Hello Jacob,

    To fix the mentioned issue I added the following CSS code in Jupiter X > Theme Styles > Additional CSS:

    body {
    overflow-x: hidden !important;
    }

    Please clear the cache and check the site.

     

    Regards.

Viewing 14 posts - 1 through 14 (of 14 total)
You must be logged in to reply to this topic.
Login