Search Results for 'css'

[Harry]

Dear FV,

2. For the text code in main banner you can follow our code

<div class="pr">
<div class="pa-center tc">
<h4 class="tu fs__14 cw fwb mg__0"><a class="cw" href="/gecko/fashion/shop">Street Style</a></h4>
<h3 class="tu fs__50 fwb"><a class="cw" href="/gecko/fashion/shop">Daily outfit collection</a></h3>
<a class="cw tu button-o-w" href="/gecko/fashion/shop">VIEW COLLECTION</a>
</div>
</div>

The text will fit with mobile if length of text like our demo.

2. You can add custom css in Theme Option

@media only screen and (max-width: 568px) {
.our-store {padding: 20px;}
.our-store p:first-child { letter-spacing: 0; line-height: 22px;}
}

Best regards

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]

You can remove opacity overlay by add custom css

.page-head::before { display: none;}

We will release update to have option to disable columns switcher in Claue > Theme Option > WooCommerce > Product Listing Settings > Enable Column Switcher > Off

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

[Harry]

1. You can hide on Shop this by go to Claue > Theme Option > WooCommerce > General Settings > Enable Page Title > Off
2. On category page you can add custom css Claue > Theme Option > General Layout > Custom CSS

.archive .page-head { display: none;}

Best regards

 

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

[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

[Harry]

Hi,

I checked your site on mobile and saw the banner work.

You can change css to

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

.home .vc_row-o-full-height { min-height: inherit !important; padding: 50px 0 70px !important;}

.vc_row-o-full-height .pa-center .fs__14 span { font-size: 14pt !important;}

.vc_row-o-full-height .pa-center h3.fs__50 { font-size: 10pt !important;}

.pa-center h2, .pa-center h3 { margin: 0;}

}

The image banner on mobile same effect on desktop, it will resize as screen resolution, we can’t care 100% for all device resolution. We only make it better.

Best regards

 

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

[fourvibes]

1. I dont’t know why the CSS code changed beacuse I never do this action. What I was doing is changing the image inside row settings > general. Now I place the image, as you said, in design option and disabled paralax option.

1.1 Image it’s still cutted for both sides (left and right)
1.2 Now, when loading main image it makes a little “zoom” and then come to normal size. (link of the video: https://www.youtube.com/watch?v=RT5skD9QxTo)

2. Before trying more things, I followed all the steps you said and mobile version it’s still problematic, no good image escalation and text goes out of the screen.

I’m going to upload my setting so you can see them.

Sorry for the poblems and I hope it can be solved.

Attachments:

You must be logged in to view attached files.

[Faizan]

This reply has been marked as private.

[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

[Harry]

Sorry i can’t view your site back end, it strange.

1. Please don’t delete the row wrapper main banner when you change image. https://monosnap.com/file/BoIpP2inIrNe4WQWRqQ1LNOWzvwcz8# That will change class of wrapper div, so the css code i sent you can’t apply.

Sorry for suggest wrong dimension ( the size 1950 x 814 work well if you disable parallax effect and upload image via Design Option tab)

http://take.ms/DEN69

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

The parallax effect will cut off the top of image,

 

2 .The code now change to for mobile now is

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

.vc_custom_1495952553827 { min-height: inherit !important; padding: 80px 0 100px !important;}

}

 

 

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