Submenu style

[michylee]

Hi!

I have a problem with submenu style, please.

When i add 2 submenu, first element appears with uppercase text and on the right of previous menu item and if i use various items, the menu goes out of the margins to the right of the page  (as you can see on first image)

Is it possible to use normal style for submenu, please?

Something like simple Twenty Seventeen theme (as you can see below on second image).

Many thanks.

Best regards.

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can change default style for submenu by add custom css in Claue > Theme Option > General Layout > Custom CSS

.sub-column-item .sub-column {
position: absolute;
min-width: 250px;
display: table;
background: rgba(216,216,216,0.95);
top: 120%;
opacity: 0;
visibility: hidden;
left: 250px;
transition: all .3s;
text-align: left;
z-index: 10;
padding: 0;
box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
}
.jas-menu > li > ul > .sub-column-item {
display: inherit;
}
.jas-menu ul .sub-column-item > a {
color: #878787;
text-transform: none;
font-weight: 400;
font-size: 12px;
padding: 0;
border-bottom: none;
min-width: 250px;
}
.sub-column-item .sub-column li {
padding: 10px 15px;
line-height: 30px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts