May 23, 20204:33 AM - last edited on May 27, 20205:15 PM by jennysowyrda
Participant
Improving page responsiveness design
SOLVE
I use the drag and drop feature to create a landing page on Hubspot. It looks fine on Hubspot preview, but it looks different when it goes live on the tablet. One of the column doesn't "automatically" change from <span-6> (responsive veiw) to <span-12> on tablet view, but it works fine on mobile view. Since I build the page using the drag and drop, I don't quite sure how I can fix it?
Do you know what width the tablet screen is that you're testing on? I know some are around 800px wide whereas Hubspot's responsive styling only starts at 768px wide so that could possibly be the reason why you're not seeing the responisve change on tablet.
To change this, in the Page Editor, go to Settings > Advanced Options > Additional code snippets and in the Head HTML text box you can add :
Do you know what width the tablet screen is that you're testing on? I know some are around 800px wide whereas Hubspot's responsive styling only starts at 768px wide so that could possibly be the reason why you're not seeing the responisve change on tablet.
To change this, in the Page Editor, go to Settings > Advanced Options > Additional code snippets and in the Head HTML text box you can add :
could you please provide the URL you are working on? With this information, our experts will be able to guide you. I'll tag a few experts that can share their experience with you.