Home Forums Themes Support Claue I want to create a transparent left menu like www.ysl.com

Tagged: 

This topic contains 57 replies, has 2 voices, and was last updated by  Harry 1 month ago.

Viewing 15 posts - 1 through 15 (of 58 total)
  • Author
    Posts
  • #31711
    coveraffair
    Supported

    Hi,

    Can you please help me in creating a menu like http://www.ysl.com where the left menu layout is transparent throughout. Would like to keep the same for all the pages. Also With the option to control the width if possible, my menu pattern is quite similar to the YSL website just that we deal in mobile accessories. Your theme is amazing and my only reason to go online with my products.

    Thank You, hoping to hear a positive response really soon.

    Attachments:
    You must be logged in to view attached files.
    #31715

    Hi CoverAffair,

    Thank you for choose our theme.

    Our theme already have option to show menu on left by go to Claue > Theme Option > Header > Header Layout 5.

    I’m sorry it now the menu still doesn’t have option to change width.

    Kind regards

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

    #31718
    coveraffair
    Supported

    Thank you for your prompt reply, But my question is I need to make the Left menu TRANSPARENT like http://www.ysl.com or https://www.zara.com/in/ . Can you please provide me the additional CSS  code to make it transparent as currently its a solid colour .

    Thank You

    Attachments:
    You must be logged in to view attached files.
    #31720

    Hi,

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

    .header-5 {
    	margin-left: 0;
    	background: transparent;
    }
    .header-lateral #jas-wrapper {
    	padding-left: 0;
    }

    Kind regards

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

    #31721
    coveraffair
    Supported

    Thanks Harry,

    That worked wonders, just the way we wanted it to look. However we have one concern which is that the Currency tab , social icons and the menu are too close to each other. Can you help me space it out a well, that would just complete my look and earn you an excellent review from our side. 🙂

    #31725

    Hi,

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

    .jas-action {
    	margin-top: 30px;
    }
    .header-5 .jas-currency {
    	margin-top: 30px;
    }
    .jas-navigation {
    	margin-top: 30px;
    	margin-bottom: 0;
    }
    .jas-social {
    	margin-top: 30px;
    }

    And change 30 with your number.

    Kind regards

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

    #31735
    coveraffair
    Supported

    Great, Super happy with your prompt replies.

    1.While making above changes the mobile look has been compromised. Can we keep the mobile layout the same (as default)while keeping the website left menu Transparent?

    2. Does the theme detect the IP address of the user and chnage the currency accordingly?

     

    Thanks once again.

    #31745

    Hi,

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

    @media only screen and (max-width: 767px) {
    .header-5 {
    	background: #fff;
    }}

    2. Please go to Claue > Currencies > Auto update by location > and check in Yes

    Kind regards

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

    #31758
    coveraffair
    Supported

    Hi Harry,

    1.The currency icon needs to be moved next to  the search and cart icon.

    2. Remove the Plus Sign

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #31763

    Hi,

    1. Please down attach file and put in claue-child > views > header (you need create 2 new folders views and header in claue-child)

    2. Please add below code to claue > theme option > general layout > custom CSS

    .header-5 .holder {
    	display: none;
    }

    Kind regards

    Attachments:
    You must be logged in to view attached files.

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

    #31802
    coveraffair
    Supported

    Hi,

    I have added 10 different currencies . Now, if the currency is not covered under whichever country can we have a default for international customers (detecting their IP) as Dollars for rest of the other countries and Euros for europe.

     

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #31806

    Hi,

    Please try open your site on private window on Firefox or Incognito Window on Chrome and check again.

    You need clear all cache and cookies of browser.

    Kind regards

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

    #31867
    coveraffair
    Supported

    Hi Harry,

    1. I want to make my menu look something like this:

    Cases (once we click)

    (space)samsung

    (space)apple

    (space)oppo

    and so on..

    I want to add the space to the sub menu. Currently this is not happening. Currently they are all under each other.

     

    2.  . Please down attach file and put in claue-child > views > header (you need create 2 new folders views and header in claue-child)

    I couldn’t understand this process, can you kindly elaborate on this please. Do I need to do something from the Cpanel ?

    Please help. Thanks

    #31872

    Hi,

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

    .header-5 #jas-mobile-menu ul ul li {
    	margin-left: 15px;
    }

    Kind regards

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

    #32060
    coveraffair
    Supported

    Hi,

    Im encountering this problem that when the window is set to 80% then i can see the the page the way its suppose to look but when i change it to 100% then the look breaks. Ive shared screen shot please have a look and rectify, thanks..

     

    Attachments:
    You must be logged in to view attached files.
Viewing 15 posts - 1 through 15 (of 58 total)

You must be logged in to reply to this topic.