how to change dimensions on icons and make all of them to be on one row preferred dimensions from woocommerce was 280x280px and they are now really ugly

thanks in advance

we made a new site on our test location (www.topzorggroenveld.nu)
after aproval. we made a backup with all-in-one migration plugin. 500MB

restore it on our production location (www.topzorgroenveld.nl)
now the backup is 2GB ??

how is that posible? can we shrink it to 500 mb again?

many thanks in advanced
Jeroen

Use if you like.

@media only screen and (min-width: 767px) {
.mec-event-image {
width: 250px  !important;
}
}

I’m a new user but so far, wow! Much better than the plugin I switched from.

One question.

The globe icon is hard to see on my site because they are both blue. Is it possible to change the color so it’s more noticeable to my visitors?

Thank you so much!

Mike

It shows the logo max width 350, I would like this part to be a bigger number.

The thumbnails are bigger in handheld devices. The normal thumbnail size is not kept as it appears on the desktop screen.

On the desktop, the size looks okay. When we switch to mobile & tablet, the size becomes bigger.

It worked perfectly before the latest updates of WordPress and the plugin.

How to fix this, please?

Thank You.

here is the additional css:

/*Logo Size*/
         .woocommerce-active .site-header .site-branding img {
          max-width: 60%;
					 margin:0 auto;
          }
          
          @media screen and (max-width: 768px) {
.woocommerce-active .site-header .site-branding img {
          max-width: 80%;
          }
}

@media screen and (max-width: 375px) {
.woocommerce-active .site-header .site-branding img {
          max-width: 80%;
          }

}

@media screen and (max-width: 320px) {
.woocommerce-active .site-header .site-branding img {
          max-width: 80%;
          }

}

/*Logo center*/

.site-branding {
		text-align: center;
		margin: 0 auto !important;
		float: none !important;
	}

/*Page title*/

.entry-title{
  text-align:center;
	font-weight: 500;
	padding-bottom: 50px;
}

/*remove certain page titles*/
.page-id-293 .entry-title{
display:none;
}

/* Remove search widget from header */
.widget_product_search form {
  display: none;
}

/*Navbar*/
.woocommerce-active .site-header .main-navigation{
   width:100%;
	 padding-left: 100px;
}

and is there a way to force the ipad version to use the handheld navbar?