Home Forums Themes Support Claue Submenu horizontal scroll.

Viewing 15 posts - 1 through 15 (of 25 total)
  • Author
    Posts
  • #35514
    support
    Supported

    Option to move submenu horizontal in one line.

    #35515
    support
    Supported
    This reply has been marked as private.
    #35518

    Hi,

    Please add below code to Claue > Theme Option > General Layout > Custom CSS

    @media only screen and (max-width: 736px) {
    .shop-top-sidebar .woocommerce {
    	min-width: 1050px;
    }}

    And increase 1050 to your number when the sub-menu in one line.

    Kind regards

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

    #35519
    support
    Supported
    This reply has been marked as private.
    #35520

    On our demo use CSS too,

    Kind regards

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

    #35522
    support
    Supported
    This reply has been marked as private.
    #35534

    Hi,

    Please change code to

    @media only screen and (max-width: 736px) {
    .shop-top-sidebar .widget_nav_menu {
    	min-width: 1050px;
    }}

    Kind regards

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

    #35550
    support
    Supported
    This reply has been marked as private.
    #35551

    Hi,

    Please edit form and check in the field as place holder like this https://prnt.sc/rj0v9f

    Kind regards

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

    #35552
    support
    Supported
    This reply has been marked as private.
    #35554

    Hi,

    Please add below code to Claue > Theme Option > General Layout > Custom CSS

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

    Kind regards

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

    #35558
    support
    Supported
    This reply has been marked as private.
    #35563

    Hi,

    Please try clear cache on your site. I tried on my local it work well

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

    #35569
    support
    Supported
    This reply has been marked as private.
    #35572

    Hi,

    I clear cache and sub menu it now work well on your site. Please check.

    Kind regards

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

Viewing 15 posts - 1 through 15 (of 25 total)

You must be logged in to reply to this topic.