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

Hide or reduce mobile banner in Jones template

Question

Hi, seen this for a couple other templates but not for Jones - can someone help? I just want to hide the banner or even just reduce its height. Site is watchandkey.studio, thanks!

Edited by BenWatch
Initial Revision

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

@BenWatch to hide banner in mobile, add this to HOME > DESIGN > CUSTOM CSS


@media screen and (max-width:640px) {
.page-banner-wrapper {
   display: none;
}
}

To reduce banner height, use this code


@media screen and (max-width:640px) {
.page-banner-wrapper {
   height: 30vh !important;
}
}

Reference: https://beaverhero.com/jones-template-squarespace/#ReduceMobileBanner_Height


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post
  • 0
8 hours ago, colehensley said:

@tuanphan can you help to keep banner image the same height (or larger than its' default crop) when in mobile view??

https://thefatdonkey2020.squarespace.com
Password: DONKEY

 

incorrect password


You can send your question to my email to get faster answer. I provide free priority support in this crazy time. 

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...