Problème d’affichage RESPONSIVE

Bonjour,

Nous allons modifier le CSS afin d’avoir un meilleur affichage avec les différents thèmes existants.
En attendant, vous pouvez appliquer ce code CSS personnalisé dans votre thème :

#widget_colissimo_table_adresse{
	width: 100% !important;
}

#widget_colissimo_table_adresse tr.widget_colissimo_padding:nth-of-type(2) td.widget_colissimo_table_adresse:nth-of-type(3){
	text-align: right;
}

#widget_colissimo_table_adresse img.widget_colissimo_point_img{
	left: 180px;
}

#widget_colissimo_adresse{
	margin-top: 26px;
	margin-bottom: 26px;
	min-height: 36px;
}

Vous pouvez annuler la précédente modification, puis remplacer le contenu du fichier wp-content/plugins/colissimo-shipping-methods-for-woocommerce/includes/css/pickup/widget.css par ceci, ça devrait régler le souci aussi avec la version mobile :

a.lpc_pick_up_widget_show_map{
	cursor: pointer;
}

/* For the widget showing outside the popup on front for small screens */
.lpc-modal article{
	background: #fff;
}

/* Override style from Colissimo widget */
.lpc-modal #lpc_widget_container{
	height: 100% !important;
	width: 100% !important;
	overflow: auto;
}

.lpc-modal #lpc_widget_container div#colissimo-container .row{
	margin-left: 0;
}

.lpc-modal #lpc_widget_container #colissimo_widget_zoneTableauHoraires1 table{
	margin-bottom: 0;
}

.lpc-modal #lpc_widget_container #colissimo_widget_listePays{
	height: 32px;
}

.lpc-modal #lpc_widget_container #colissimo_widget_zoneTableauHoraires1 table td{
	background-color: inherit;
}

.lpc-modal #lpc_widget_container #colissimo_widget_zoneTableauHoraires1 table{
	width: 90%;
	max-width: 90%;
}

.lpc-modal div#colissimo-container .colissimo_widget_submit-valider-point-retrait-bulle-bouton{
	margin: 15px 30px 15px 15px;
}

/* Specific CSS for the new widget */
.lpc-modal .lpc-lib-modal-main{
	padding-top: 0;
}

#widget_colissimo_contenu table{
	margin: 0;
	border: none;
}

.widget_colissimo_table_adresse, .widget_colissimo_filtres td, .widget_colissimo_liste td{
	border: none;
}

.widget_colissimo_close{
	display: none;
}

#widget_colissimo_contenu img{
	display: inline-block;
}

/* Search bar */
#widget_colissimo_table_adresse{
	width: 100%;
}

#widget_colissimo_table_adresse td{
	background-color: #F7F7F7;
}

#widget_colissimo_table_adresse tr.widget_colissimo_padding:nth-of-type(2) td.widget_colissimo_table_adresse:nth-of-type(3){
	text-align: right;
}

#widget_colissimo_table_adresse img.widget_colissimo_point_img{
	height: 18px;
	left: 180px;
}

#widget_colissimo_adresse{
	margin-top: 26px;
	margin-bottom: 26px;
	min-height: 36px;
	border: 1px solid #CDCDCD;
	border-radius: 8px 0 0 8px;
	margin-right: 0;
	box-shadow: none;
	background-color: white;
	box-sizing: content-box;
}

.widget_colissimo_table_adresse{
	vertical-align: middle;
}

#widget_colissimo_table_adresse tbody tr.widget_colissimo_padding:nth-child(2) td.widget_colissimo_padding{
	vertical-align: middle;
}

.widget_colissimo_mode_transport{
	cursor: pointer;
}

/* Map */
.mapboxgl-ctrl-attrib-button{
	padding: 0;
	background-color: white !important;
}

/* Filters zone */
.widget_colissimo_table_filtres td{
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

.widget_colissimo_padding{
	border: none;
}

/* Listing pickup */
img.widget_colissimo_icone_coche{
	height: 14px;
	vertical-align: unset !important;
}

img.widget_colissimo_icone_img{
	height: 16px;
}

.widget_colissimo_liste .widget_colissimo_text_bold{
	margin-bottom: 2px !important;
	margin-top: 10px !important;
}

.widget_colissimo_bouton_validation{
	box-sizing: content-box;
}

@media screen and (max-width: 999px){
	#widget_colissimo_table_adresse img.widget_colissimo_point_img{
		left: 0;
	}

	#widget_colissimo_adresse{
		border-radius: 0 0 0 0;
	}
}

@media screen and (max-width: 500px){
	#widget_colissimo_adresse{
		margin-top: 20px;
	}
}