Header Responsiveness Issue & some other queries

[Faizan]

Hey,

thanks for the quick support. I have some more issues. The header seems weird on some screen sizes(check attached).

Also, I had recently updated the theme. I would like to know what was the font size & header size before the theme update?

Thanks.

• This topic was modified 6 years, 11 months ago by Harry.

Attachments:

You must be logged in to view attached files.

[Faizan]

Also, I would like to know if there is any way how I can change lightbox style on product pages?

[Faizan]

Also, I would like 4 rows on the products search page.

And the size of the lightbox on the product page is very big and goes BTF. I would like to make it smaller.

[Harry]

Hi Faizan,

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

@media only screen and (max-width: 1440px) {

.header-2 #jas-left-menu > li:last-child { margin-right: 0; }

.header-2 #jas-right-menu > li:first-child { margin-left: 0; }

.jas-menu > li:not(:first-child) { margin-left: 35px; }

}

@media only screen and (max-width: 1280px) {

.jas-menu > li:not(:first-child) { margin-left: 20px; }

}

Did you check your site on real device or resize browser?

2. The size and font-size still keep, we didn’t change.

3. You can change 4 rows on search page by set product per page in JanStudio > Theme Option > WooCommerce > Product Listing Setting > Product per page = 16

4. The lightbox on product page in new version bigger than exist, it full screen by default of WooCommerce

https://monosnap.com/file/I4CK1legEG7gpaAAwvb1r7I0W6AHMS#

 

 

 

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

[Faizan]

1. I checked by resizing the browser.

2. Did you ever make any changes to the font in the theme update? Because the theme version was very old before I updated.
3. I will try.

4. Can we change the style? It is very big.
Also, this site is my client’s site. It was purchased by the previous person. I don’t have access to the themeforest account. How can I update the theme? Thanks.

[Harry]

Hi,

1. The responsive we define for real device screen so when you check your site on real device it still display good. When you resize browser have some screen it not match with define resolution it have issue.

2. We don’t change font size when update theme so you don’t worry

4. How you want to change? Can you take a screen shot and make a note.

5. You can contact with prev and ask him username and API key http://support.janstudio.net/forums/topic/updating-the-theme/

Best regards

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

[Faizan]

thanks for the reply.

Regarding the lightbox issue, it’s due to a Autoptimize. When enabled, the lighbox gets converted into vertical images which goes BTF(check attached). When disabled, the image box of the product is proper(check attached). What should I do to make it work how it is supposed to be(like the file attach1) wth autoptimie enabled? Thanks.

Attachments:

You must be logged in to view attached files.

[Faizan]

It shows that way only when I am logged in. I just noticed this.
Also, how can I reduce the white box on single product page size? It is little bigger than what is required. Thanks.

[Faizan]

Also, I can’t see the Free Shipping text & image on mobile devices which is seen on larger devices.

[Harry]

Hi,

1. I checked your site with Autoptimize enabled but don’t see problem with lightbox like on attach2.png.

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

div.pp_pic_holder { max-width: 700px;}

3. I checked and still saw Free Shipping text on real device and resize browser.

 

 

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

[Faizan]

Okay thanks for the support. Now I’m facing another issue. Trying to add new product. Everything is fine from backend. But on frontend the product image looks huge.

Also, this is one of my clients for and someone else purchased the theme and I’m just going modifications to it. My client is giving me the work and the person who made the website & purchased the theme isn’t happy with the client so is unhelpful. How can I get theme updates in this instance? Thank you

[Harry]

This reply has been marked as private.

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

[Faizan]

This reply has been marked as private.

[Harry]

1. This code will not work with new version of Gecko

2. You can try this css

@media only screen and (max-width: 1100px) {

.jas-menu > li:not(:first-child) { margin-left: 12px; }

}

3. You can follow this screen

https://monosnap.com/file/f8WUMxQmcBunCnlyZRM6in3ouygY6T#

4. You need go to WooCommerce > Settings > Products > Display > Product Image > And change all dimension to square to match with your original image. after that go to Tools > Regenerate Thumb

5. Sorry i still don’t understand your issue.

 

 

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

[Faizan]

1. This code will not work with new version of Gecko

What should I use now?

2. You can try this css

@media only screen and (max-width: 1100px) {

.jas-menu > li:not(:first-child) { margin-left: 12px; }

}
Seems like this fixed the issue

3. You can follow this screen

https://monosnap.com/file/f8WUMxQmcBunCnlyZRM6in3ouygY6T#

Did this, but the “Ship to a different address” form is still visible even if it’s unselected.

4. You need go to WooCommerce > Settings > Products > Display > Product Image > And change all dimension to square to match with your original image. after that go to Tools > Regenerate Thumb

Yet to try this

5. Sorry i still don’t understand your issue.

When I am logged in, one the single product page, the product page is like attachh2.png. When I log out, or see the same page through incognito, the product page is proper Like attach1.png.

In short, logged in users can see product page as attach2.png, while non logged in users can see the product page as attach1.png,

[Harry]

1. Now you see new lightbox, what you do want edit with new lightbox
3. Pls revert code you add in function file for shipping
5. You can try disable WP Rocket or Auto Optimize plugin and check

Regards

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

[Faizan]

1. Now you see new lightbox, what you do want edit with new lightbox

– I think it’s fine as of now. I have changed product size using woocommerce settings.
3. Pls revert code you add in function file for shipping

– I have done it.
5. You can try disable WP Rocket or Auto Optimize plugin and check

– After disabling these 2 plugins, the issue is solved, but I want to use these plugins for speed. Also, it solved the issue “I want to hide”Ship to a different address” if it’s unchecked.”

But how to handle it while the plugins are enabled? As those plugins are required for speeding up the site.

Thanks.

[Harry]

You can try autooptimize plugin, some css of 3rd party plugin when compress it have issue with WP Rocket.

Best regards

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

[Faizan]

Okay. Thanks for the help.

Some products are still not coming proper in place of featured image. http://tinyurl.com/yb3rcr78

The image isn’t fully visible of the product “Colorful Wroght Iron Cycle For Home Decor – Handmade & Hand Painted”

[Harry]

You need go to WooCommerce > Settings > Product > Display > Product Image and change dimension of images to same ratio with your original images after that you go to Tools > Regenerate Thumb

 

Regards

 

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

[Faizan]

This reply has been marked as private.

[Harry]

Hi,

almost your images is square so you have to change the number to equal to make your images square

Regards

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

[Faizan]

The process messed up other images. :(. I’ve tried different dimensions but none of them is perfect for the images.

[Harry]

I change dimension to square, and regenerate some images it display good, now you can continue regenerate thumb.

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

[Faizan]

Thank you so much! You saved my day.

[Faizan]

Harry wrote:

You can try autooptimize plugin, some css of 3rd party plugin when compress it have issue with WP Rocket. Best regards

So, you mean to say, autooptimize is the only plugin I need for speed? WP-Rocket is not required? Or you want me to replace WP-Rocket with another plugin? If yes, which one do you suggest?

[Harry]

Yes, you can use auto optimize and super cache plugin

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

[Faizan]

Okay. I have tried WP Super cache but it is not as good as WP Rocket. Anyways, can you please help regarding reducing single product image box size?

[Harry]

I think you are a developer you can do it with skill of css.

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

[Faizan]

Okay.

On the my account page http://tinyurl.com/ybwvcfwq
there is a new field come up as payment address. I do know not how did it come up. Can you please help  me how can I remove the field?

[Harry]

I check but don’t know where issue come from.

You can try disable plugin one by one and check which plugin cause issue.

Regards

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

[Faizan]

Sorry. The payment email address is something I could not find about

[Harry]

I checked your site but now don’t see payment email field. Did you fix it?

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

[Faizan]

Yes  it got fixed. now the new issue on product pages is the quantity selector on single product pages. Can you please help me the last time to fix this issue . Would be really grateful. Thanks

Attachments:

You must be logged in to view attached files.

[Harry]

Could you send me the link of product have this screen.

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

[Faizan]

hey, sorry for the late reply. I was out for the past days.

I will start a new thread as this seems to be too long.

[Author]

Posts