Submenu Dropdown Styling

  • Resolved elbian

    (@elbian)


    5 years, 11 months ago

    I have a question under Dropdown Styling, I notice that we can only adjust the Width (px) under Customize > Header > Menu > Dropdown Styling/

    How about the option to adjust the Height (px) of the submenu items from the Main menu as an example sent by micwie screen shot?https://prnt.sc/kzzjgf. In this example how do we adjust the height difference of the COLLECTION to the submenus namely SUBMENU1 TEST, SUBMENU2 TEST and SUBMENU3 TEST?

    thanks

    Elbian

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello,

    Try to add the below code to the Customize > Custom CSS section to increase the height of the submenus. Adjust padding to make it as per your need. 

    .dropdown-menu ul li a.menu-link {
    padding: 20px 15px !important;
}
    Thread Starter elbian

    (@elbian)

    Thank you for your effort in replying but its not what i want to happen. Here is a link for you to see what I mean. https://ibb.co/jRwTbcq

    thanks

    Elbian

    Okay, use the below code instead of the previous one. Adjust the padding and line-height as per your need. 

    #site-navigation-wrap .dropdown-menu >li >a {
    line-height: 15px;
    padding-top: 20px;
}
    Thread Starter elbian

    (@elbian)

    I tried the above css code but still nothing is changed. I even adjust the height and padding to 200px just to see if there is changes. Is there anything you miss or miss type in the above code? I don’t have any knowledge on CSS. Please help me on this.

    Thank you in advance

    Elbian

    Can you share your site link so that I can check the code on your site? The above code should work.

    Thread Starter elbian

    (@elbian)

    The website I am working is presently installed in localhost (my PC). But the good news is, I was able to solved the issue. I just tweak the Height (px) and Padding (px) under HEADER section of OceanWP customize theme appearance. Thank you for the effort bro. Goodluck.

    Elbian

    • This reply was modified 5 years, 11 months ago by elbian.

    Happy to hear that it is resolved!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Submenu Dropdown Styling’ is closed to new replies.