#80237 Dropdown menu styling

Landing Forums JupiterX WordPress Theme Dropdown menu styling

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

    <p class=”p1″><span class=”s1″>Hi artbees,</span></p>
    <p class=”p1″><span class=”s1″>i would like to style the dropdown menu as the attached file menu.pdf – can you help?</span></p>
    <p class=”p1″><span class=”s1″>Regards Jacob</span></p>

    Jacob Thomsen

    sorry for the html styling in first text ๐Ÿ™

    Hi artbees,
    i would like to style the dropdown menu as the attached file menu.pdf – can you help?
    Regards Jacob

    Amir Rather Support Team

    Hi There

    I added the below CSS in Jupiter X > Customize > Additional CSS

    .elementor-103 .elementor-element.elementor-element-da67457 .raven-nav-menu-main .raven-submenu {
        background-color: #ffffffa6 !important;
    }

    Please check now ๐Ÿ™‚

    Jacob Thomsen

    Hi Amir,

    thanx – that work great. Can you help with additional styling, please see attached. Regards Jacob

     

    The arrow for the top menu: https://fontawesome.com/icons/chevron-down?style=solid

    The arrow for the submenu: https://fontawesome.com/icons/chevron-left?style=solid

     

    Amir Rather Support Team

    Hello There,

    Please try the below CSS as well:

    @media (min-width: 768px){
    .raven-nav-menu-horizontal .raven-nav-menu a.raven-link-item:not([class*=elementor]) .sub-arrow {
        display: block !important;
        padding-left: 10px;
    }}

    Regards

    Jacob Thomsen

    Thanx. Can you also help with:
    moving the dropdow box longer down
    making arrows left at each dropdown menu point
    making the dropdown menu points right adjustet

    Please see attached layout.

    Amir Rather Support Team

    Hi There

    You can add any icon here https://prnt.sc/uep1fd

    To make Submenu on right add the below CSS:

    
    .elementor-103 .elementor-element.elementor-element-da67457 .raven-nav-menu-main .raven-submenu > li > a.raven-submenu-item {
        float: right;
    }

    Regards

    Jacob Thomsen

    Hi thanx,

    can you help with getting the dropdown “box” maby 50 px down? (now it is very close to the menu point “OM SIVITAS”.

    Regards Jacob

    Alexander Hutsol Support Team

    Hello,

    I added this CSS code in Jupiter X > Customize > Additional CSS:

    .jupiterx-header .raven-nav-menu-main .raven-submenu {
    top: 56px !important;
    }

     

    Please clear the browser cache and check the submenu now.

     

    Regards.

    Jacob Thomsen

    Hi, perfect thanx.

    Can you also help with moving the whole dropdown box maby 150 px to the left?

    Regards Jacob

    Alexander Hutsol Support Team

    Hello,

     

    I edited the css code to this:

    .jupiterx-header .raven-nav-menu-main .raven-submenu {
    top: 60px !important;
    left: auto !important;
    right: 0;
    width: inherit !important;
    }

    Please check the submenu now.

     

    Thank you.

    Regards.

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