Styling gecko vertical theme menu

[faucifashions]

Hi i have installed gecko vertical slider theme for my shop. So just want to change alignment, font and some css in side menu bar.  I try to add some extra css to menu by a extra css option in menu dash bord. But the changes didn’t show up.. The menu layout didn’t feel good for my shop layout. So  i need to add some extra css to my menu bar. Is there any option to add it.. And i tried some custom css plugins.. But no difference.. What should i do..?

[Harry]

Hi,

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

Kind regards

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

[faucifashions]

I tried  it. But it didn’t make any change.. Also i tried extra css option in appearance -> customise-> extra css.. Using class name.. No change.. Could you please check it. I think i can makr some changes for other layout except menu. Its working.  But i need some changes in menu bar. How should i do.. Please help

[Harry]

Can you share your code here or give me login credentials to check. I tried the account you sent but can’t access dashboard.

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

[faucifashions]

This reply has been marked as private.

[faucifashions]

This reply has been marked as private.

[Harry]

Hi,

The correct code is

.menu-main-menu-container#jas-mobile-menu ul ul li {
float: left;
position: relative;
}

not

.menu-main-menu-container #jas-mobile-menu ul ul li {
float: left;
position: relative;
}

Kind regards

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

[Harry]

If you want sub-menu text align left, please add below code

.header-7 #jas-mobile-menu ul ul li a {
	text-align: left;
}

Kind regards

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

[faucifashions]

.menu-main-menu-container#jas-mobile-menu ul ul li {
float: left;
position: relative;
}
not

This is the same code that i wrote.. Right..?

Ok.

Hmm.. Is it only for mobile menu.. Of for desktop view is there any other class name.. Really i didn’t find any. Is it possible to add sme icons on it.?

[Harry]

The code you wrote have space between “.menu-main-menu-container” and “#jas-mobile-menu ul ul li”

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

[faucifashions]

This reply has been marked as private.

[Harry]

Please use this code

.header-7 #jas-mobile-menu ul ul li a {
	text-align: left;
}

Kind regards

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

[faucifashions]

This reply has been marked as private.

[Harry]

If you want change for main menu please change code to

.header-7 #jas-mobile-menu li a,
.header-7 #jas-mobile-menu ul ul li a {
	text-align: left;
}

Kind regards

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

[faucifashions]

This reply has been marked as private.

[faucifashions]

This reply has been marked as private.

[Harry]

Please use code

.header-7 #jas-mobile-menu ul ul li a {
	text-align: left;
}
.header-7 #jas-mobile-menu > ul > li > a {
	text-align: left;
}

Kind regards

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

[faucifashions]

Thanks .. its worked ..i really appreciate your support..

[Author]

Posts