Hi,
Is there a way I can adjust text and image to mobile screen only? Right now the text gets cut off, and the images are sometimes placed wrong in terms of the text. I have attached some pictures here:
I read somewhere that media queries are the way to go, but since I am fairly new to HubSpot and do not how to code in CSS, I have no idea where to begin. I am using a standard template from HubSpot (Barricade).
I really appreciate your help on this!
@Camilla_02 You would need to apply your CSS in the theme’s stylesheet which can be found in the Design Manager (from the nav bar click Marketing > Files & Templates > Design Tools). Default and downloaded themes can be found in the @hubspot folder. Stylesheets (.css files) in the Barricade theme are located in it’s css folder.
One caviat though -- the code of default/downloaded themes can’t be edited. You would need to clone the theme to be able to customize it. You can do this by right clicking on the theme folder and Clone Theme.
You can learn about using media queries HERE
And learn more about the Design Tools HERE
