• Resolved sebastienterre

    (@sebastienterre)


    Hi,

    I integrate the code in a widget but the code seems no responsive because if you look at the page via smartphone you will see that the code goes behind the template in horizontal.
    Here at some information if needed below.

    Thank you for your help,
    Sébastien

    URL: https://www.bureauduweb.fr
    MySQL Version: 5.7.36
    WP Table Prefix: wp_
    WP Version: 5.8.3
    Server Name: bureauduweb.fr
    Cookie Domain: www.bureauduweb.fr
    CURL Library Present: Yes
    
    PHP Info: 
    	Version: 7.4.25
    	Memory Usage: 78.27MB
    	Memory Limit : -1
    	Max Upload Size : 64M
    	Max Post Size : 64M
    	Allow URL fopen : On
    	Allow URL Include : Off
    	Display Errors : On
    	Max Script Execution Time : 50000 seconds
    
    Plugin: Widgets d'avis Google
    Plugin Version: 7.8
    Options: 
    	active: 1
    	version: 7.8
    	page-details: Array
    		(
    		    [id] => ChIJOYlWhkXVzRIR6qRQMQqD-E8
    		    [name] => Sébastien TERRE
    		    [address] => 51 Bd des Alpes Espace Oobee, 38240 Meylan, France
    		    [avatar_url] => https://geo0.ggpht.com/cbk?cb_client=maps_sv.tactile&output=thumbnail&thumb=2&panoid=8yLTnQ1RnOCip4OaWnlRVg&w=256&h=256&yaw=280&pitch=0&thumbfov=75&ll=45.204467,5.775536
    		    [rating_number] => 6
    		    [rating_score] => 5
    		)
    		
    	subscription-id: 
    	proxy-check: 
    	style-id: 34
    	review-content: <div class="ti-widget" data-layout-id="34" data-set-id="" data-pid="b5167179c03e50ec942cb" data-pager-autoplay-timeout="6" > <div class="ti-widget-container ti-col-3"> <div class="ti-header source-%platform%"> <div class="ti-large-logo"> <div class="ti-v-center"> <img class="ti-logo-fb" src="https://cdn.trustindex.io/assets/platform/%platform%/logo.svg" alt="%platform%" width="150" height="25" /> </div> </div> <div class="ti-stars star-lg"> <span class="ti-star e"></span><span class="ti-star e"></span><span class="ti-star e"></span><span class="ti-star e"></span><span class="ti-star e"></span> </div> <div class="ti-rating-text"> <span class="nowrap">Basée sur <strong>RATING_NUMBER avis</strong>.</span> </div> </div> <div class="ti-reviews-container"> <div class="ti-controls"> <div class="ti-next"></div> <div class="ti-prev"></div> </div> <div class="ti-reviews-container-wrapper"> <!-- R-LIST --> <div class="ti-review-item source-%platform%" > <div class="ti-inner"> <div class="ti-review-header"> <div class="ti-profile-img"> <img src="%reviewer_photo%" alt="%reviewer_name%" /> </div> <div class="ti-profile-details"> <div class="ti-name">%reviewer_name%</div> <div class="ti-date">%created_at%</div> </div> </div> <div class="ti-stars"><span class="ti-star f"></span><span class="ti-star f"></span><span class="ti-star f"></span><span class="ti-star f"></span><span class="ti-star f"></span></div> <div class="ti-review-content"> <!-- R-CONTENT -->%text%<!-- R-CONTENT --> </div> </div> </div> <!-- R-LIST --> </div> <div class="ti-controls-dots"> <div class="dot active"></div> </div> </div> </div> </div>
    	filter: Array
    		(
    		    [stars] => Array
    		        (
    		            [0] => 1
    		            [1] => 2
    		            [2] => 3
    		            [3] => 4
    		            [4] => 5
    		        )
    		
    		    [only-ratings] => 1
    		)
    		
    	scss-set: dark-minimal
    	lang: fr
    	no-rating-text: 1
    	dateformat: d/m/Y
    	rate-us: 
    	verified-icon: 1
    	enable-animation: 1
    	show-arrows: 0
    	content-saved-to: 7.8
    	show-reviewers-photo: 1
    	download-timestamp: 2022-01-12 16:26:43
    	widget-setted-up: 1
    	disable-font: 1
    	show-logos: 0
    	show-stars: 1
    	widget-nonce: 
    	widget-nonce-hidden-notification: 
    
    Reviews: Array
    	(
    	    [0] => stdClass Object
    	        (
    	            [id] => 1
    	            [user] => Lucas B
    	            [user_photo] => https://lh3.googleusercontent.com/a-/AOh14Gh9jK31rSa05zGa28YwztlotSTRB0fVL9MFYlJ8IA=s120-c-c-rp-w64-h64-mo-br100
    	            [text] => 
    	            [rating] => 5.0
    	            [highlight] => 
    	            [date] => 2022-01-06
    	        )
    	
    	    [1] => stdClass Object
    	        (
    	            [id] => 2
    	            [user] => Okorokoff Vassili
    	            [user_photo] => https://lh3.googleusercontent.com/a-/AOh14GjNoHb6hV150T97THt98JcQVwEmSqjizlJxSGB8cw=s120-c-c-rp-w64-h64-mo-br100
    	            [text] => Sébastien accompagne notre société Objeos sur les parties référencements naturel, payant, mailing et web . Nous sommes vraiment très satisfaits de la qualité de ses conseils, prestations et son investissement.
    	Je recommande très fortement ses compétences qui sont devenues une vraie force pour notre société.
    	Encore merci Sébastien
    	            [rating] => 5.0
    	            [highlight] => 
    	            [date] => 2020-02-14
    	        )
    	
    	    [2] => stdClass Object
    	        (
    	            [id] => 3
    	            [user] => Aurélie Terre
    	            [user_photo] => https://lh3.googleusercontent.com/a/AATXAJwItRhSvYGyjRvO79O_bUPqJDg6CojWaODCLb42=s120-c-c-rp-w64-h64-mo-br100
    	            [text] => Professionnel sérieux, réactif, disponible et à l'écoute, nous ne regrettons pas d'avoir fait appel à Sébastien et n'hésiterons pas à revenir vers lui.
    	Service de qualité, nous recommandons fortement.
    	Merci.
    	            [rating] => 5.0
    	            [highlight] => 
    	            [date] => 2020-02-14
    	        )
    	
    	    [3] => stdClass Object
    	        (
    	            [id] => 4
    	            [user] => Florent Moulinard
    	            [user_photo] => https://lh3.googleusercontent.com/a-/AOh14GhxeEW54gWLszlOhKITFxnm4YzqTq4k7LeOKM6y=s120-c-c-rp-w64-h64-mo-br100
    	            [text] => Un véritable pro 👌
    	            [rating] => 5.0
    	            [highlight] => 
    	            [date] => 2020-02-14
    	        )
    	
    	    [4] => stdClass Object
    	        (
    	            [id] => 5
    	            [user] => Laura Bourdot
    	            [user_photo] => https://lh3.googleusercontent.com/a/AATXAJz1VDEZ7gkSXCxNq2XDhxMqSkmFeuFkjIEkqDHk=s120-c-c-rp-w64-h64-mo-br100
    	            [text] => M.Terre est très professionel, il est compétent et très réactif. Je ferais à nouveau appel à ses services et je vous le recommande sans hésiter.
    	            [rating] => 5.0
    	            [highlight] => 
    	            [date] => 2018-01-06
    	        )
    	
    	    [5] => stdClass Object
    	        (
    	            [id] => 6
    	            [user] => Adrien Laugel
    	            [user_photo] => https://lh3.googleusercontent.com/a/AATXAJxQldtGn143gajqfTkRRd38YbglnfaWQ233TNFqIA=s120-c-c-rp-w64-h64-mo-br100
    	            [text] => Personne compétente,  professionnelle et très à l'écoute. Il est également de bons conseils,  je recommande vivement.
    	            [rating] => 5.0
    	            [highlight] => 
    	            [date] => 2017-10-25
    	        )
    	
    	)
    	
    
    	CSS: .ti-widget.ti-goog{width:100%;display:block;overflow:hidden;text-align:left;direction:ltr;box-sizing:border-box}.ti-widget.ti-goog *{box-sizing:border-box}.ti-widget.ti-goog:before{display:none !important}.ti-widget.ti-goog a{text-decoration:underline !important;color:inherit}.ti-widget.ti-goog a.ti-header{text-decoration:none !important}.ti-widget.ti-goog a[href="#"],.ti-widget.ti-goog a:not([href]){text-decoration:none !important;pointer-events:none}.ti-widget.ti-goog strong,.ti-widget.ti-goog strong *{font-weight:bold !important}.ti-widget.ti-goog .ti-widget-container,.ti-widget.ti-goog .ti-widget-container *{font-family:inherit;font-size:14px;line-height:1.4em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ti-widget.ti-goog .ti-widget-container{color:#ffffff;margin-bottom:15px}.ti-widget.ti-goog .ti-widget-container .ti-name{font-weight:bold;font-size:15px;overflow:hidden;padding-right:25px;white-space:nowrap;text-overflow:ellipsis;color:#ffffff;margin-bottom:2px}.ti-widget.ti-goog .ti-widget-container .ti-date{color:#ffffff;opacity:0.5;font-size:12px !important}.ti-widget.ti-goog .ti-profile-img{margin:0 15px 0 0 !important}.ti-widget.ti-goog .ti-profile-img img{width:40px !important;height:40px !important;padding:0px !important;display:block;border-radius:30px;min-width:initial !important;max-width:initial !important;object-fit:cover;object-position:top}.ti-widget.ti-goog .ti-profile-img-sprite{display:inline-block;float:left;background:white;background-repeat:no-repeat;width:40px;height:40px;border-radius:30px}.ti-widget.ti-goog .ti-profile-details{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.ti-widget.ti-goog .ti-stars{margin-top:3px;white-space:nowrap}.ti-widget.ti-goog .ti-star{width:16px;height:16px;display:inline-block;margin-right:1px;background-size:contain;background-repeat:no-repeat}.ti-widget.ti-goog .ti-star:before,.ti-widget.ti-goog .ti-star:after{content:none !important}.ti-widget.ti-goog .ti-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ti-widget.ti-goog .ti-header .ti-name{font-size:16px;overflow:visible;text-overflow:initial;white-space:normal;margin-top:0px;margin-top:-3px;padding-right:0px;margin-bottom:5px;color:#ffffff !important}.ti-widget.ti-goog .ti-header .ti-star{width:20px;height:20px}.ti-widget.ti-goog .ti-header .ti-star.ti-rating{color:#728EC2;font-weight:bold;display:inline-block;padding-right:5px;position:relative;font-size:16px;top:-2px}.ti-widget.ti-goog .ti-header .ti-profile-img img{width:65px !important;height:65px !important;border-radius:4px}.ti-widget.ti-goog .ti-header .ti-profile-details{padding-top:6px}.ti-widget.ti-goog .ti-header .ti-stars{margin-top:2px}.ti-widget.ti-goog .star-lg .ti-star{width:30px;height:30px}.ti-widget.ti-goog .ti-d-none{display:none !important}.ti-widget.ti-goog.ti-icon-size1 .ti-review-header:after{width:25px;height:25px}.ti-widget.ti-goog.ti-icon-size1 .ti-widget-container .ti-name{padding-left:30px}.ti-widget.ti-goog.ti-icon-size2 .ti-review-header:after{width:30px;height:30px}.ti-widget.ti-goog.ti-icon-size2 .ti-widget-container .ti-name{padding-left:35px}.ti-widget.ti-goog .ti-rating-text,.ti-widget.ti-goog .ti-rating-text strong,.ti-widget.ti-goog .ti-rating-text strong a,.ti-widget.ti-goog .ti-rating-text strong span,.ti-widget.ti-goog .ti-rating-text span strong,.ti-widget.ti-goog .ti-rating-text span,.ti-widget.ti-goog .ti-footer,.ti-widget.ti-goog .ti-footer strong,.ti-widget.ti-goog .ti-footer span,.ti-widget.ti-goog .ti-footer strong a{font-size:14px;color:#ffffff}.ti-widget.ti-goog .ti-large-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:50px;margin-bottom:0 !important}.ti-widget.ti-goog .ti-large-logo .ti-v-center{-ms-flex-item-align:center !important;align-self:center !important;text-align:center;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.ti-widget.ti-goog .ti-large-logo img{margin:auto;padding:0 !important;display:block !important;position:relative}.ti-widget.ti-goog .nowrap{white-space:nowrap;display:inline-block;margin:0 2px}.ti-widget.ti-goog .nowrap:first-of-type{margin-left:0}.ti-widget.ti-goog .nowrap:last-of-type{margin-right:0}.ti-widget.ti-goog .ti-reviews-container-wrapper [class$=inner]>.ti-stars{margin-bottom:6px;margin-top:15px}.ti-widget.ti-goog .ti-reviews-container-wrapper{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:5px}.ti-widget.ti-goog .ti-col-1 .ti-review-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ti-widget.ti-goog .ti-col-2 .ti-review-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ti-widget.ti-goog .ti-col-3 .ti-review-item{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.ti-widget.ti-goog .ti-col-4 .ti-review-item{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ti-widget.ti-goog .ti-col-5 .ti-review-item{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.ti-widget.ti-goog .ti-col-6 .ti-review-item{-ms-flex:0 0 16.666666%;flex:0 0 16.666666%;max-width:16.666666%}.ti-widget.ti-goog .ti-reviews-container{position:relative}.ti-widget.ti-goog .ti-read-more{display:none}.ti-widget.ti-goog .ti-review-item{padding:0 8px;transition:transform 300ms ease-out}.ti-widget.ti-goog .ti-review-item [class$=inner]{border-radius:4px}.ti-widget.ti-goog .ti-review-item>[class$=inner]{border-style:solid !important;border-color:#444444 !important;background:#ffffff !important;border-radius:0px !important;padding:15px !important;margin:0 !important;display:block}.ti-widget.ti-goog .ti-review-item .ti-polarity .ti-polarity-icon{position:relative;margin:0;text-indent:3px;display:inline-block;width:15px;height:15px}.ti-widget.ti-goog .ti-review-item .ti-recommendation .ti-recommendation-icon{position:relative;margin:0 5px;margin-bottom:-3px;text-indent:3px;display:inline-block;width:15px;height:15px}.ti-widget.ti-goog .ti-review-item .ti-recommendation .ti-recommendation-icon:first-child{margin-left:0}.ti-widget.ti-goog .ti-review-item .ti-recommendation .ti-recommendation-title{font-weight:700;font-size:13px !important;opacity:0.8;position:relative;top:-1px}.ti-widget.ti-goog .ti-review-item .ti-recommendation+.ti-dummy-stars{display:none}.ti-widget.ti-goog .ti-review-content{line-height:20.3px !important;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:inherit !important;overflow:auto !important;overflow-x:hidden !important;padding-right:10px;scrollbar-color:#8d8d8d #e0e0e0;scrollbar-width:thin}.ti-widget.ti-goog .ti-review-content .ti-stars{margin-bottom:5px}.ti-widget.ti-goog .ti-review-content strong{font-size:inherit;color:inherit;font-weight:normal !important}.ti-widget.ti-goog .ti-review-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative}.ti-widget.ti-goog .ti-review-header:after{content:"";display:block;width:20px;height:20px;position:absolute;right:0px;background-repeat:no-repeat;background-position:center center}.ti-widget.ti-goog .ti-highlight{padding:1px 2px;margin:0;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;background-color:transparent;background-image:linear-gradient(#fbe049, #fbe049);background-size:100% 19px;background-position:bottom;background-repeat:no-repeat;color:#000 !important}@media (max-width:479px){.ti-widget.ti-goog .ti-reviews-container-wrapper{margin-right:0;margin-left:0}.ti-widget.ti-goog .ti-review-item{padding:0}}@media (min-width:480px){.ti-widget.ti-goog .ti-review-item:hover{-webkit-transform:translate(0, -5px);-ms-transform:translate(0, -5px);transform:translate(0, -5px)}}.ti-widget.ti-goog ::-webkit-scrollbar{width:4px;border-radius:3px}.ti-widget.ti-goog ::-webkit-scrollbar-track{background:rgba(85, 85, 85, 0.1)}.ti-widget.ti-goog ::-webkit-scrollbar-thumb{background:rgba(85, 85, 85, 0.6)}.ti-widget.ti-goog ::-webkit-scrollbar-thumb:hover{background:#555}.ti-verified-review{display:inline-block;background:url('https://cdn.trustindex.io/assets/icon/trustindex-verified-icon.svg');background-size:contain;width:15px;height:15px;margin-left:7px;position:relative;z-index:2}.ti-verified-review .ti-verified-tooltip{color:#fff !important;background-color:#6f6f6f !important;padding:0 10px;border-radius:4px;font-size:11px !important;line-height:22px !important;font-weight:500;display:inline-block;position:absolute;left:0;margin-left:25px;top:-4px;white-space:nowrap;opacity:0;transition:all 0.3s ease-in-out}.ti-verified-review .ti-verified-tooltip:before{width:0;height:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent #6f6f6f transparent transparent;content:"";position:absolute;left:-5px;top:50%;margin-top:-5px}.ti-verified-review:hover .ti-verified-tooltip{opacity:1;margin-left:20px}.ti-recommendation+.ti-verified-review{top:2px}.ti-widget .source-Google .ti-review-header:after{background-image:url("https://cdn.trustindex.io/assets/platform/Google/icon.svg");background-size:100% 100%}.ti-widget .source-Google .ti-star.f{background-image:url("https://cdn.trustindex.io/assets/platform/Google/star/f.svg")}.ti-widget .source-Google .ti-star.e{background-image:url("https://cdn.trustindex.io/assets/platform/Google/star/e.svg")}.ti-widget .source-Google .ti-star.h{background-image:url("https://cdn.trustindex.io/assets/platform/Google/star/h.svg")}.ti-widget .source-Google .ti-large-logo img{width:110px !important;height:35px !important}.ti-widget .source-Google .ti-small-logo img{width:57px !important;height:18px !important;top:2px}.ti-widget .star-lg .ti-star{width:30px;height:30px}.ti-widget .ti-header .ti-star{width:20px;height:20px}.ti-widget.ti-goog.ti-no-logo .ti-review-header:after{background:none !important}.ti-widget.ti-goog.ti-no-stars .ti-review-item .ti-star.f{background-image:url('https://cdn.trustindex.io/assets/platform/Trustindex/star/f.svg') !important}.ti-widget.ti-goog.ti-no-stars .ti-review-item .ti-star.e{background-image:url('https://cdn.trustindex.io/assets/platform/Trustindex/star/e.svg') !important}.ti-widget.ti-goog.ti-no-stars .ti-review-item .ti-star.h{background-image:url('https://cdn.trustindex.io/assets/platform/Trustindex/star/h.svg') !important}.ti-widget.ti-goog.ti-no-stars .ti-review-item .ti-recommendation{display:none}.ti-widget.ti-goog.ti-no-stars .ti-review-item .ti-recommendation+.ti-dummy-stars{display:inline}.ti-widget.ti-goog{overflow:visible !important}.ti-widget.ti-goog .ti-review-item>.ti-inner{border-top-width:0px !important;border-bottom-width:1px !important;border-left-width:0px !important;border-right-width:0px !important;background-color:rgba(255, 255, 255, 0) !important;backdrop-filter:blur(0px)}.ti-widget.ti-goog .ti-reviews-container-wrapper{}.ti-widget.ti-goog .ti-review-item>.ti-inner,.ti-widget.ti-goog .ti-header,.ti-widget.ti-goog .ti-footer{border-bottom:0px !important}.ti-widget.ti-goog{overflow:visible !important}.ti-widget.ti-goog .ti-review-content{height:81.2px !important}.ti-widget.ti-goog .ti-widget-container{margin-bottom:0px}.ti-widget.ti-goog .ti-header{display:block;text-align:center;margin-bottom:20px}.ti-widget.ti-goog .ti-header .ti-large-logo{height:unset;margin-bottom:8px !important}.ti-widget.ti-goog .ti-controls{display:none}@media (max-width:479px){.ti-widget.ti-goog .ti-controls{display:none}}.ti-widget.ti-goog .ti-controls-dots{display:none;margin-top:10px;margin-bottom:10px;text-align:center}.ti-widget.ti-goog .ti-controls-dots .dot{display:inline-block;width:10px;height:10px;background:#cccccc;border-radius:20px;padding:4px;cursor:pointer;opacity:0.4}.ti-widget.ti-goog .ti-controls-dots .dot.active,.ti-widget.ti-goog .ti-controls-dots .dot:hover{opacity:1}@media (max-width:479px){.ti-widget.ti-goog .ti-controls-dots{display:block !important}}.ti-clickable-link{cursor:pointer}
    
    Active Theme: Astra 3.7.6
    Plugins: 
    	Simple Custom CSS and JS (3.38.1 - active)
    	Starter Templates (3.0.24 - active)
    	Ultimate Addons for Gutenberg (1.25.2 - active)
    	Widgets for Google Reviews (7.8 - active)
    	WooCommerce (6.0.0 - active)
    	WPForms Lite (1.7.2 - active)

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello @sebastienterre,

    Our widget always fill the width of its parent element.
    Please try to use responsive row element and insert the source code to it.
    I can see that your row’s width is 1200px either on mobile or bigger screens.

    Let me know the results.
    Dénes
    Trustindex

    Plugin Support tomwolf

    (@tomwolfhun)

    Hello @sebastienterre ,

    I have checked your site. If you change the class of the div under the <footer>tag, you will see, it is OK. So please provide a responsive container to the widget and it will be OK.

    Feel free to write to us, if you need further assistance,
    Tom
    Trustindex

    Thread Starter sebastienterre

    (@sebastienterre)

    Thanks, we moved the short code into the page directly and not the widget it works now.

    Plugin Support Adam from Trustindex

    (@adam140299)

    You are welcome! Thank you for your interests!

    Adam
    Trustindex

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Plugin no responsive’ is closed to new replies.