Jump to content

Gray bars on mobile montage video 7.0 version

Recommended Posts

Hello,

I recently added a button to my montage video and while the mobile/tablet versions look great, it added unwanted gray bars atop my mobile interface. 

Does anyone know how I can eliminate the gray at the top and bottom of my montage video?

Thanks,

Nathan

Screen Shot 2024-01-10 at 10.32.11 AM.png

Link to comment
  • Replies 9
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 1/23/2024 at 1:31 AM, Napalm said:

One quick follow up - is there a way to get "director/producer/cinematographer" all included on the top on the mobile version?

Right now, "director" gets cut off. 

URL is nathanpalm.com

Thanks! 

I see you delete "director" from the code. Do you still need help?

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

Got it, thanks!

Is there a way to make the font for "director/producer/cinematographer" slightly smaller on mobile?

Right now I'm only able to change the size of "Nathan Palm" on the mobile interface. 

Thanks! 

Link to comment
On 1/26/2024 at 12:55 AM, Napalm said:

Got it, thanks!

Is there a way to make the font for "director/producer/cinematographer" slightly smaller on mobile?

Right now I'm only able to change the size of "Nathan Palm" on the mobile interface. 

Thanks! 

Use this CSS code

a.Mobile-bar-branding:after {
    font-size: 8px !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

Thanks! LAST THING... is there a way to correct the top of my page on tablet without messing up desktop and mobile (I like how those currently are)?

The tablet version has everything smashed together. I'd prefer this look either like the desktop or mobile version - whichever is easier to format. 

Thanks for your help!ScreenShot2024-01-30at11_34_08AM.thumb.png.4993fc1632ff63694ad5da75c20d4326.png

Link to comment

Try this CSS code, it will improve a bit

@media screen and (max-width:900px) and (min-width:641px) {
[data-nc-container="top-center"] {
    flex-direction: column-reverse;
    flex: 1 1 50% !important;
}

a.Header-branding {
    width: 100%;
}
}

 

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.