Really need help making a custom module: Header picture with overlay text

Highlighted
Occasional Contributor

I have tried many different ways, but keep coming up short. I need a custom module that will be responsive to any size screen that looks like this:

 

CLickComplyHeader.PNG

 

This is my landing page so far: http://vigilantlabels-4068780.hs-sites.com/information-kit-0-0-0

 

The rest of my page is already responsive and provides the look I need. I keep running into either the picture not showing up on mobile or the text auto sizing smaller then the other headers throughout my page. I can not find any module inside my design center that fits what I need and can't seem to get the code correct to build a new one. I do know how to create a new module if someone could help me with the code. I really appreciate the help. 

Reply
0 Upvotes
5 Replies 5
Highlighted
Top Advisor | Platinum Partner

@dmcclure9 - the text is too small because you're using an image element instead of a div element with an image background. I recommend this custom module as a good place to start:

https://marketplace.hubspot.com/products/hubspot/parallax-hero-banner


If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Highlighted
Occasional Contributor

@tjoyceI did try that. Here is the link to the site with the "hero header":

 

http://vigilantlabels-4068780.hs-sites.com/information-kit-0

 

Problem I have is that no picture shows up on the mobile. It is just a grey box with the text. I am not sure if it is a problem with the picture or the module.

Reply
0 Upvotes
Highlighted
Community Superstar

>>"...not sure if it is a problem with the picture or the module."

The 'problem' is the picture ... it's GINORMOUS (2.8Mb @ 5616x3744) and while it may eventually render on mobile eventually ... it will take forever -- i.e., minutes.

 

 

Note: HubSpot is a constantly evolving platform. Please check the date of each post and view all solutions in that context.

-- Visit

 

Hope that helps.

 

Be well,
Frank


Support • Web • Apps • Training

HubSpot's Hiring World-Wide!

Highlighted
Top Contributor

Do you still need help with this? I can help you create a custom module to fit your specifications. I am a template provider in the marketplace and have worked on similar modules.

 

You can contact me here to setup a time to talk.


HubSpot templates from BootstrapCreative


Jacob Lett
Marketing Consultant
Strategic marketing consultant and skilled web designer specializing in the manufacturing industry to increase revenue through driving website leads and brand awareness.

Reply
0 Upvotes
Highlighted
Occasional Contributor

Yes I do still need some assistance. I went to the link you provided and sent my contact information. Thanks for your help.

Reply
0 Upvotes