2016-06-09 5 views
0

Ich arbeite an einem Hubspot-Projekt, in das ich in letzter Minute hineingezogen wurde und ich habe viel Ärger mit einem bestimmten Problem. Die Seite sieht gut aus, aber auf dem Handy bekomme ich einen verrückten Rand, der die Seite super funky aussehen lässt. Ich habe die Elemente mit google dev tools durchsucht und durchsucht und finde keinen Täter. Ich hatte gehofft, dass jemand ein gemeinsames Problem mit dem Hubspot kennt oder mir leicht helfen könnte, herauszufinden, welches Element das Problem verursacht.Hubspot Responsives Layout Quirk

Ein Link zur Website ist https://www.modev.com/amazon-dev-day-casual-connect-sf

Jede Hilfe wäre sehr geschätzt. Ich mache mich jetzt verrückt.

Danke, Jon

Antwort

1

Ich weiß nicht, Hubspot der Vorlagen, so dass es sicher schwer zu sagen ist. Aber Ausrüstung um mit Ihrer Website habe ich versucht, die Breite der HTML jQuery zu zwingen

var screenWidth = $(window).width(); 
$('html').css('width', screenWidth); 

Es funktionierte genug, um mich zu zeigen, dass beim Scrollen nach unten der mobilen Website ist etwas los mit dem Header, der versteckt und zeigt auf blättern. Entweder die Klasse darunter oder die Eltern können ein guter Ort sein, um nachzusehen.

cbp-af-header cbp-af-header-shrink 
+0

Vielen Dank für Ihre Hilfe! Ich war in der Lage, das Problem danach zu lokalisieren und Sie haben recht, es war etwas in der Kopfzeile. Am Ende haben wir die Header-Animation verschrottet, also habe ich den Header von Grund auf neu erstellt und es schien alle Probleme zu lösen :) – Jleibham

+0

Good deal! Ich bin froh, dass ich helfen konnte. Vielleicht ist es nur ich, aber mit Chrome und der Überprüfung der mobilen Version sieht die Landschaft gut aus, aber das Porträt scheint nicht richtig zu reagieren. Oder ist das so, wie es sein soll? – iMarketingGuy