Two Viewport Tags on HubSpot CMS pages

LaurenRyan · ‎Aug 29, 2021

Hey there! I've recently started receiving this error message in the Optimize section of all of my HubSpot CMS blog, website, & landing pages. After some digging, it looks like my pages have a duplicate of the HTML header tag. Any idea how to fix this?

Thank you!!

Website: https://www.coastalconsulting.co/

HubSpot + Salesforce Integration Certification Course
HubSpot Directory Profile

LaurenRyan · ‎Aug 29, 2021

Okay - I fixed this one! So, the macros.html file wasn't in the correct path for the theme, so it was pulling in another theme that duplicated the <head> tag. Luckily HubSpot CMS flags errors for you if you take the team to read them. 😉 Getting more coffee now!

HubSpot + Salesforce Integration Certification Course
HubSpot Directory Profile

View solution in original post

LaurenRyan · ‎Aug 29, 2021

Okay - I fixed this one! So, the macros.html file wasn't in the correct path for the theme, so it was pulling in another theme that duplicated the <head> tag. Luckily HubSpot CMS flags errors for you if you take the team to read them. 😉 Getting more coffee now!

HubSpot + Salesforce Integration Certification Course
HubSpot Directory Profile

NRubright · ‎Dec 13, 2023

Hi Lauren,

Thanks for opening this thread. I'm in the same situation, with duplicate viewport meta tags.

Can you please provide more details about the fix? Feel free to provide all the details that come to your mind.
I'm interested in what path the macros.html should be placed in.

TPlatica · ‎Dec 13, 2023

I just found out that my second viewport meta tag was coming from the theme's JS code:

$("head").append('<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=0">')

sharonlicari · ‎Aug 30, 2021

Thank you for sharing @LaurenRyan 🙂

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !

CMS Development