Jump to content

Menu blocked on mobile by site header

Go to solution Solved by tuanphan,

Recommended Posts

Hi all,

 

I use a third party tool to display a menu of all the items I offer. On a landing page I'm using for ads, we've noticed that mobile users will click the 'Categories' button on my menu and the site header will block most of the options, users would have to figure out to swipe their finger in a very narrow section in order to actually scroll. I've included pictures to show what I mean (the site is https://www.973partyrentals.com/rental-catalogue)

 

Wondering if there is a known way to bypass this by either not making the site header overlap the menu or something else I can't think of.

 

Thanks!

 

 

part1.PNG

part2.PNG

Link to comment
  • Solution

You can solve by move down category items a bit by adding this code to Website > Website Tools > Custom CSS.

@media screen and (max-width:767px) {
gspro-modal#categories {
    margin-top: 200px !important;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.