Search Results for 'css'

[zurya]

Hi JanStudio,

I love your theme, except for a minor tweaks here and there, one of the main ones right now is the ajax add to cart.

1. I can’t seem to get it to work properly, it works sometimes and doesn’t work the other times.

I have installed minification and caching plugins but I have uninstalled them all and it seemed to work. But I need to know which ones to leave on and which ones to disable.

I am using wp rocket plugin wiyh minification and cloud flare CSS, jss, HTML minification as well.

Also what speed plugins or tweaks do you use to get your website fast? (Already is fast but it would help)

2. The product sticky works like a charm (all of them, except for the one where the photo is in the middle and description on the left with add to cart on the right, I think it would be convenient for customers to have a sticky add to cart on the left as well with just images moving)

But that wasn’t my main problem, its that when you guys have the sticky on PC it looks beautiful but for mobile its very bad, as all the images are stacked up and customers have to scroll through every image on mobile before they get to Add to cart, which is very inconvenient.

Now I’ve seen this in the sober theme, they have sticky product page on pc, but when viewing on tablets and down, mobile, it resets to the standard thumbnails on bottom version so customers don’t have to scroll through all the images.

Hooded Coat

I could definitley wait for an update, or is there any edits, CSS, or code that you could provide me to load the tablets and down version in the normal standard product page version and PC in sticky.
If the code is too much time consuming, I understand, but please include this in the next update.
Thanks,

Please reply asap as the ajax problem is very important, as customers won’t be able to buy items if that isn’t fixed.

• This topic was modified 7 years, 11 months ago by zurya.

[Foster]

Hi bezahlbar,

Thank you for your information, I will consider with my team to improve Ajax add to cart function

For next with display search icon on mobile please add this custom CSS code to Theme Options https://pastebin.com/LneizSug

Last question: please use this https://pastebin.com/pDLg3t35

 

– Foster

[bezahlbar]

Hi there, your support is very fast, thanks for that.

I know that it is working when AJAX is disabled, I was just wondering if you could make it working with AJAX enabled, since it is a nice Feature.

I noticed that the Add to Cart button is working with AJAX enabled when you have to select the color of an item first. Somehow the button is only not working when you have a single product with no options.

And I have another question.

Is it possible to add the search icon to the sticky header on the mobile version, like it is on the normal browser version? Also, can you provide me with the right css code for displaying “Menu” under the 3 bars instead of next to the bars.

Thanks again for your outstanding support.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

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

.jas-wc .page-head {  background-position: center center; }

Now our theme still doesn’t support use different image for each, we consider it a task to improve in future.

Best regards

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

[tiltil]

This reply has been marked as private.

[Harry]

You add more code to reduce height of header in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu > li > a { line-height: 60px;}

.jas-branding { padding: 40px 0; }

Reduce 40px and 60px as you want.

Best regards

 

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

[Harry]

Hi,

1. You can change text color on footer by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

#jas-footer, #jas-footer .widget-title, #jas-footer a { color: #fff;} change #fff with your color

2. You can change background of social by add custom CSS

.jas-portfolio-single .jas-social a { background: #000; color: #fff;} change #000 and #fff with your color

You can hide social by add code

.jas-portfolio-single .jas-social a.twitter { display: none;}

change twitter with (facebook, google-plus, pinterest, tumblr) if you want hide any icon

3. You can hide “In Stock” text by add custom CSS

.entry-summary .availability span { display: none;}

4. You can change blue bar with css code

.woocommerce-info {
background-color: #d9edf7;
border: 1px solid #bce8f1;
color: #31708f;
}

Change #d9edf7, #bce8f1, #31708f with your color

5. You can follow our video to translate text to Portuguese at https://www.youtube.com/watch?v=8rQkm1aGeas

Best regards

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

[almarinkov]

This reply has been marked as private.

[almarinkov]

Hello,
i don’t want to make a new topic, because i want to ask the same thing, however what i want is to completely remove the header top bar and not just the text. I have tried adding a custom css code:

.header__top bgbl pl__15 pr__15 {display:none;}

but it didn’t work. Can you assist please?
Thanks!

P.S: Please note that i want to remove the top header bar bar both for desktop and mobile devices. (in case there is any difference in the tweaks that should be done)

[Harry]

Hi,

Thank you for purchase!

1. You can remove text “Free shipping…” in JanStudio > Theme Option > Header > Header Top > Content Center

2. You can hide my account, wishlist icon by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

.jas-action .jas-my-account, .jas-action .cb.chp.hidden-xs { display: none;}

You also can hide wishlist by disable plugin YITH Wishlist

3. You can remove Size Guide and Delivery & Return in JanStudio > Theme Option > WooCommerce > Product Detail Settings > Size Guide + Delivery & Retrun

4. You can remove social share icons by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

.entry-summary .social-share { display: none;}

5. You can remove “In Stock” text by add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

.entry-summary .availability { display: none;}

Best regards

 

 

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