Responsive Problems

[adampreuss]

Hi Harry,
after I was so happy with Gecko and especially your support, I today ordered a second licence for our new project.

Altough I took sames setting ans CSS like in first project where you helped me with responsive I here have some issues I hope you can help me:

• at main page the text in meta slider does not fit
• at shop page (in responsive and normal mode) the background image does not fit
• how can I eliminate the grey bar with filter and sort?
• in product page the orderbutton doesnt fit the text
• do you have a idea why the image of the pop up in responsive is not equal with form?

in normal mode (non responsive) the checkout area has some line break problems. e.g. the button for newsletter is not in place.

thanks in advance

Adam

[adampreuss]

addon: I just recognized that our image designer put the text hard into image what explains why its not correct in responsive :)(

but on the other topics I need your help …

[Harry]

Hi Adam,

Thank you for purchase one more license.

1. I help you fixed issue with slider on mobile

2. Please change config of background of shop page http://take.ms/yMSCU1

3. You can remove filter bar by add custom css

.result-count-order {
display: none;
}

4. Can you take a screenshot, i check your site and saw the “Add to cart” button still work well

5. You should crop image for popup to 530 x 160px

Best regards

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

[adampreuss]

I need to come back on point 1: now the text is in Metaslider.
At smarthphone/ipad vertical view the text dont fit.
Can you recommend any CSS for this?

Thanks

Adam

[Harry]

Hi Adam,

1. To fix button on mobile please add below code

@supports (-webkit-appearance: -apple-pay-button) {
	.single-product div.product .stripe-enabled  form.cart .quantity~.button,
	.single-product div.product .stripe-enabled  form.cart .quantity + .button,
	.single_add_to_cart_button.button.alt {
		width: calc(100% - 100px);
	}
}

2. Please add text to your slider, after the text work i can give you code

Best regards

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

[adampreuss]

nr. 1 didnt have brought any change.

nr. 2: Silder text is now finished. looking forward to CSS Code for better view in smartphone mode

[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

[Author]

Posts