minnieosc123

any ideas @justin.mabee @tuanphan ?

Thanks Justin, that has helped and I think it would have worked had the section not had the wavy border! I've attached a pic. Am I going to have to get rid of the wavy border you think?

Hi, I want to move the bottom of this iphone image so it goes up flush to the wavy border seperating the sections.. so it appears to be popping out.

website is - https://quillfish-oboe-wkes.squarespace.com/ (password is "kidscases")

Thanks

52 minutes ago, Beyondspace said:

You can try adding to Home > Design > Custom Css

[data-folder="root"] .header-menu-nav-folder-content:first-child {
  margin-bottom: 20%;
}

 

Thanks this works but I've now added another page and it's squished up against the other menu item  now. Please can i increase the spacing here too?

Hi I want to increase the spacing between the two items in my mobile menu - alwaysajt.com

People aren't realising that 'When and where" is a link as it's so close to the RSVP button

Thanks

On 11/30/2022 at 9:07 PM, Beyondspace said:

We can add 2 sections/images and use css code to hide the appropriate element based on the media query of device.

You can add 1 more and share the direct link to this page so I can give the css code

Thank you. I've added the extra pic on the homepage for mobile. So the 2nd image is for mobile. its alwaysajt.com

On 12/2/2022 at 8:34 PM, tuanphan said:

Yes. Or you can add 2 images, then we can give code to show 1 on desktop, show another on mobile

Great thanks. Please can you share the code? That would be so helpeful

Thanks

37 minutes ago, Beyondspace said:

We can add 2 sections/images and use css code to hide the appropriate element based on the media query of device.

You can add 1 more and share the direct link to this page so I can give the css code

Thanks, yes please. It's alwaysajt.com

Hi, I want to have a different image on mobile as the space between the content on the homepage banner and the menu on mobile is too large (alwaysajt.com) I'm happy with how it looks on desktop.

Thanks

Jessica

47 minutes ago, tuanphan said:

Use a new image, or a new image on mobile only (with code)

Thanks. Do you know he code? Would I add two images on desktop and then add CSS?

On 11/23/2022 at 6:59 PM, tuanphan said:

The code forces section height to 100vh (fullheight), so if reduce space between image - top header, it will create a gap under image.

 

Ok so there isn't a solution to this?

1 hour ago, tuanphan said:

Can you take a screenshot? It looks fine to me

On 11/13/2022 at 6:52 PM, tuanphan said:

Your site, use this code

<style>
  footer#footer-sections {
    display: none !important;
}
  @media screen and (max-width:991px) {
article section {
    height: 100vh !important;
}
  }
</style>

 

Thanks Tuanphan this has worked, however it has created a large space between my header and content. Although when I look at it in mobile editing mode the spacing looks fine!

On 10/21/2022 at 11:28 AM, creedon said:

Your CSS is invalid.

Use the following.

.homepage #header,
.homepage #footer-sections,

  {
  
    display : none;
    
    }

Let us know how it goes.

HI Creedon, I am trying to remove my footer on just my homepage (alwaysajt.com) - this has worked, thank you. HOWEVER  when looking on mobile (on my actual device and not just in mobile mode when editing) there;s a big gap at the bottom where the footer used to be. Please help! Thanks

On 7/22/2022 at 8:52 PM, tuanphan said:

Your code for SS 7.1. With your template, use this

<style>
  footer#footer {
  	display: none;
  }
</style>

 

Hi, this code isn't working on my homepage on alwaysajt.com .. the footer is still there

On 11/6/2022 at 9:40 PM, tuanphan said:

Use this new code (Page Header)

<style>
  footer#footer-sections, header#header {
    display: none;
}
  article section {
    height: 100vh !important;
}
</style>

 

Hi, thanks this has worked but it's also removed my header. When I edit the code to remove the header bit it also removes the footer!!

On 6/8/2020 at 11:28 PM, tuanphan said:

Add to Page Settings > Advanced > header

<style>
  footer#footer-sections {
    display: none;
}
  header#header {
    display: none;
}
</style>

 

Hi Tupan, this worked for me on my homepage at alwaysajt.com (I just wanted to remove the footer so edited the code) however when  looking at the page in mobile theres a big gap at the bottom. Please help! Thanks, Jessica

On 11/3/2022 at 12:50 AM, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="633c240afe2c8c221626920e"] {
    height: 100vh;
  }
}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

This actually creates a large gap on the homepage

Hi, my site is alwaysajt.com. I used CSS to remove the footer on the homepage and now I'm left with a bit of a strange gap at the bottom on mobile.

The code I used was the one below and I put it into a code block on the  homepage

<style>
  .header, #footer-sections{
    display:none !important;
  }
</style>  

Thanks

17 minutes ago, Ziggy said:

Try adding this in the Custom CSS:

@media screen and (max-width: 767px) {
 h1 {
   font-size: 12vw;
 }
}

Hope that helps!

IT does!! Thanks a MILLION

10 minutes ago, Ziggy said:

You can try this Custom CCS instead:

.header-menu-nav-folder {
  min-height:20%;
}
.header-menu-nav-folder-content {
  margin-top: 40%;
}
.header-menu-nav .header-menu-nav-item--active a {
  border-bottom:none !important;
}

 

PERFECTO!! thanks so much Ziggy, you're a star 🙂

5 minutes ago, Ziggy said:

No, but they should include by default!

Did the Custom CSS I provided not work?

It has thank you... have a look. But they're too high and too close together or something?? When I edit the percentage in the CSS it doesn't seem to do anything? Would also be great to lose the underline on the link!

Hi,

The headings (welcome drinks, ceremony etc) on this page https://www.alwaysajt.com/when-where are too big when looking on mobile. I want them to be H2 rather than H1 on mobile only. Is there a way to do this?

I basically want the mobile site to look the same as the desktop.

Thanks

Just now, Ziggy said:

Hi @minnieosc123, can you share your website URL?

You can try this Custom CSS:

.header-menu-nav-folder {
  min-height:20%;
}
.header-menu-nav-folder-content {
  margin-top: 20%;
}

Hope that helps, if not, please describe exactly how you would like it to look. Thanks!

Oh Sorry I thought they include it... it's alwaysajt.com

Hi How do I change my mobile menu so that the RSVP button doesn't have a huge gap between it and the menu navigation link