Jump to content

Mobile optimization for my website

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://ax-maxwell.squarespace.com

password: axmaxwell

Hello,

I need help in optimizing my website for mobile view.

In the works page, I want to show one column of video only in mobile view instead 2 columns. And I want it in 4:3 aspect ratio. I am using a summary block if this information helps.
Note: The desktop version stays the same, only the mobile view.

Also, how do I make it so that when I choose a filter it automatically disappears? Right now, when I choose a filter, the menu still shows and I have to press X.

Thank you very much!

Link to comment
  • Replies 1
  • Views 435
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution
1 hour ago, Eivind_ said:

Site URL: https://ax-maxwell.squarespace.com

password: axmaxwell

Hello,

I need help in optimizing my website for mobile view.

In the works page, I want to show one column of video only in mobile view instead 2 columns. And I want it in 4:3 aspect ratio. I am using a summary block if this information helps.
Note: The desktop version stays the same, only the mobile view.

Also, how do I make it so that when I choose a filter it automatically disappears? Right now, when I choose a filter, the menu still shows and I have to press X.

Thank you very much!

Add to Design > Custom CSS > The nsave & reload the site

/* Work videos mobile */
@media screen and (max-width:640px) {
#block-yui_3_17_2_1_1625548383434_3363 .sqs-gallery-design-autogrid-slide {
    clear: none !important;
    width: 100% !important;
    float: none !important;
}
}

With Filters, you should contact Filter Plugin Author.

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.