Home Forums Themes Support Claue Help Edit UI CSS of NavBar

Viewing 13 reply threads
  • Author
    Posts
    • #5156

       

      How can  i have the dropshadow on the navbar at all times. Now the dropshadow only show up when i start to scroll the page. Please help me have it as default when the page is loaded. Thank You.

    • #5157

      Hello Travel Diaries,

      Thank you for purchase,

      You can add box shadow for menu by add custom css code in Claue > Theme Option > General Layout > Custom CSS

      .header__mid { background: #fff ; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); }

       

      Best regards

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

    • #5167

      Yes,

      You can disable breadcrumbs for only desktop by add custom css

       

      .woocommerce-breadcrumb, .jas-breadcrumb { display: none;}

      @media only screen and (max-width: 736px) {.woocommerce-breadcrumb, .jas-breadcrumb { display: block;} }

       

      Best regards

       

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

    • #5174

      Yeah but that still displays the grey box up top 

       

      I am trying to achieve this look

       

      Also please help me to disable the banners by default on all pages like this one up top on the t-shirts page. I would like it to be disabled by default on all pages like checkout. Also, how can I enable it on certain pages if I want to?

    • #5177

      1. You can change prev code to

      .woocommerce-breadcrumb, .jas-wc-single .bgbl { display: none;}

      @media only screen and (max-width: 736px) {.woocommerce-breadcrumb, .jas-wc-single .bgbl { display: block;} }

      2.
      – You can disable page title on Shop page by go to Claue > Theme Option > WooCommerce > General Setting > Enable Page Title > Off

      – For any single page you can enable/disable page title for separate page by edit this page, navigate to Page Layout Option > http://take.ms/3m4kW

      Regards

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

    • #5179

      Thank You So Much For Helping Me So Fast and Sorry for Troubling you Again and Again. I am fixing all the design issues at once, please bear with me, I have just two more requests

      1. How can i put up a banner like this on all product pages

       

      2. The Instagram Feed Stopped Working. I have reconfigured it again but still no luck.

    • #5182

      One More Slight Thing. The bar that shows up above the navigation bar with phone number, email and such info is somehow hidden on my website. I looked for settings to enable it but couldn’t find it anywhere. Also how can i disable the variations showing up as text when i hover over product images.

    • #5183

      I Found how to add the content above navbar. Please ignore that question.

    • #5185

      Hi,

      1. You want add a banner of image above social share?
      2. Could you send us your website link and admin account? We need to take a look
      3. That is a default browser feature which we don’t have permission control over. You can try to remove the title attribute on the image itself. Go to Media > Library panel.

      Best regards,

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

    • #5190
      This reply has been marked as private.
    • #5193

      1. You can add below code to functions.php in claue-child

      
      function jas_claue_child_wc_product_image() {
      	echo '<img src="path-to-image/image-name.jpg" alt="image-title" />';
      }
      add_action( 'woocommerce_single_product_summary', 'jas_claue_child_wc_product_image', 45 ); 

      “path-to-image/image-name.jpg” replace with your image and path

      2. I check your Instagram it has no post https://www.instagram.com/thetraveldiariesofficial/ so it can’t display.

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

    • #5199

      Hi,

      please go to our forum and copy code on our forum, because code on email will be convert to another format and not correct.

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

    • #5201

      Thank You So Much!! You Helped Me A Lot Today!! Don’t Know How To Thank!

    • #5202

      You’re welcome.

      Hope you love our theme and take a time to help us give our theme good review with 5 stars rate at https://themeforest.net/downloads.

      We’re really appreciate.

      Thank you so much

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

Viewing 13 reply threads

You must be logged in to reply to this topic.