Different things mobile

[DonnaJacky]

Dear Harry,

How are you?
I have a few questions:

• The hero on mobile has white space above and under the images, I like to remove the white spaces, because it is not beautiful;
• Is there any option that I can place the icons (Free shipping etc.) next to each other or to have minimum space between them?
• Same for the media (Glamour, Bazaar, Linda, etc.);
• Messages + button on mobile over each other in checkout, how can I fix this?

Thanks!

• This topic was modified 3 years, 11 months ago by DonnaJacky.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Jacky,

1. As I told you before, don’t delete the row contain hero banner. Just replace background image when you change background. https://prnt.sc/wltf3k

If you delete the row you have to repeat add new custom CSS every time you add new row for hero banner

Please add below code to Claue > Theme Option > Genẻal Layout > Custom CSS to replace old code

@media only screen and (max-width: 767px) {
.vc_row.vc_custom_1609673060136 {
	padding-top: 90px !important;
	padding-bottom: 20px !important;
	background-size: contain !important;
}}

2,3. Please edit column and follow this screenshot https://prnt.sc/wltf3k

4. Please add more code

@media only screen and (max-width: 767px) {
.woocommerce-info, .woocommerce-error, .woocommerce-warning, .woocommerce-message {
	padding: 20px;
}}

Kind regards

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

[DonnaJacky]

Dear Harry,

Thank you again.

The settings for the white space above and under the hero image at the mobile isn’t changed, I still see the white spaces.
For question 2 and 3, I do not understand the printscreen.

We want to place the icons and logo’s next to each other or with a minimum space (mobile).

Thanks!

 

[Harry]

Hi,

1. Please change code

@media only screen and (max-width: 767px) {
.vc_row.vc_custom_1609673060136 {
	padding-top: 50px !important;
	padding-bottom: 20px !important;
	background-size: contain !important;
}}

And remove space between https://prnt.sc/wo3ue3

2,3. Please edit homepage and follow the screenshot, click edit the column wrap the icons

Kind regards

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

[DonnaJacky]

Hi Harry,

For line 4, is it possible to remove the button ”winkelmand”? Because we are already on the cart page.

Attachments:

You must be logged in to view attached files.

[DonnaJacky]

Hi Harry,

Is it also possible to remove the coupon code from the cart page? Because we already have it on the checking out page.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce-cart-form .actions .coupon,
.woocommerce-cart .woocommerce-message a {
	display: none;
}

Kind regards

• This reply was modified 3 years, 11 months ago by Harry.

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

[Author]

Posts