Home Forums Themes Support Gecko Styling gecko vertical theme menu

Topic Resolution: Resolved

Tagged: 

Viewing 17 reply threads
  • Author
    Posts
    • #39675
      faucifashions
      Supported

      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..?

    • #39676
      Harry
      Supported

      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

    • #39677
      faucifashions
      Supported

      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

    • #39678
      Harry
      Supported

      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

    • #39679
      faucifashions
      Supported
      This reply has been marked as private.
    • #39680
      faucifashions
      Supported
      This reply has been marked as private.
    • #39681
      Harry
      Supported

      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

    • #39682
      Harry
      Supported

      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

    • #39683
      faucifashions
      Supported

      .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.?

    • #39684
      Harry
      Supported

      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

    • #39685
      faucifashions
      Supported
      This reply has been marked as private.
    • #39686
      Harry
      Supported

      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

    • #39687
      faucifashions
      Supported
      This reply has been marked as private.
    • #39688
      Harry
      Supported

      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

    • #39689
      faucifashions
      Supported
      This reply has been marked as private.
    • #39690
      faucifashions
      Supported
      This reply has been marked as private.
    • #39691
      Harry
      Supported

      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

    • #39706
      faucifashions
      Supported

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

Viewing 17 reply threads

You must be logged in to reply to this topic.