Blog, Website & Page Publishing

davidgh01
Participant

Making my Vast theme mobile responsive

Hey-o,

I'm using the Vast theme, and I can see mobile responsiveness built in to the CSS, but it's not working at all (probably due to some customization). I'd like the current menu to  be hidden & replaced with a hamburger on mobile, and the rest of the theme to fit onto mobile screens, but am only basically familiary with CSS. Can anyone see where it might be broken or if I need to do something fairly involved?

 

Preview: https://info.graphiumhealth.com/-temporary-slug-e1bcba68-38dd-40f2-9b2b-46e6ff3ffaca?hs_preview=rOLI...

 

Thank you!

0 Upvotes
4 Replies 4
webdew
Guide | Diamond Partner
Guide | Diamond Partner

Making my Vast theme mobile responsive

Hi @davidgh01 ,

If you want the mobile responsive menu then you have to create the header module which is responsive. please refer to this codehttps://designers.hubspot.com/code-gallery/entry/founders/adriancblack-css-only-hubspot-responsive-m...

Hope this helps!


If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards.

0 Upvotes
davidgh01
Participant

Making my Vast theme mobile responsive

I'm looking through that link, but I don't see what I'm looking for. Maybe I'm not adept enough, but I can't see anywhere to make a menu into a hamburger on mobile. It also doesn't address the code already in the template code that I think may be intended for that functionality. I could be completely wrong, but I think it'd be good to utilize the code intended for the template? Sorry to be a newbie.

0 Upvotes
TEdt
Member

Making my Vast theme mobile responsive

There are somevery useful looking poimts here if you got succeed in it i recently created some functions in my project you can check here.

0 Upvotes
davidgh01
Participant

Making my Vast theme mobile responsive

Hi there - did you mean to include a link here?

0 Upvotes