Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

The-Design-Order

Circle Member
  • Content Count

    14
  • Joined

  • Last visited


Reputation Activity

  1. Thanks
    The-Design-Order reacted to christyprice in Different Banner Image on Mobile   
    ETA: If you are on the newer Squarespace 7.1, this post has a walkthrough: How to Show a Different Banner Image on Mobile in Squarespace
     
    Hi @Joeyearthly,
    If you are using an index page, I have a different workaround that I like a bit better, since you can make whole area specific for mobile instead of just the banner image. I create two "sub-pages" at the top of the index page, one for desktop view (with the URL slug home-banner) and one for mobile view (with the URL slug home-banner-mobile). Then I add the following code to Custom CSS. (Note that if you want to edit the mobile from your desktop, you'll need to briefly comment out the code so you can see that page on desktop.)
    /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #home-banner { display: none; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } }  
  2. Thanks
    The-Design-Order reacted to tuanphan in Adjust poster text size on mobile   
    @The-Design-Order 
    @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1573602127450_9869 .image-title-wrapper * { font-size: 30px !important; } div#block-yui_3_17_2_1_1573602127450_9869 .image-title-wrapper .image-subtitle-wrapper * { font-size: 30px !important; } } Where poster 2 & 3?
×
×
  • Create New...