[chflynnParticipant]

i would like reduce spacing at the top of each section. i messed with padding and some gaps. looks good on desktop but too much spacing on mobile. any pointers. see attached. i would like headline to be same height as image with just a bit of space on top and bottom of each section with image. thanks.

also i can’t seem to turn off upper case for the text box content.

tomorc.org
latest versions

[ChristianModerator]

Hey there,

The Gap element has a Hide Based on Screen Width option so you could set a Gap for desktop and another one for mobile. To demonstrate, please see https://cloudup.com/cp3AaiFvkp2 (open in Firefox)

Hope that helps. 🙂

[chflynnParticipant]

you know, i should of seen that. thanks.

[chflynnParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi There,

The spacing above “2016 Course” and other similar headlines is the default top margin of those headlines. Please add mtn CSS class under Class field of each headline’s settings (see: http://prntscr.com/7qeolc). Then if you want to add spacing above them on desktops, you can add another Gap element and hide it on mobiles.

Regarding your second question, to fix it, add following CSS under Custom > CSS in the Customizer:

@media only screen and (max-width: 767px) {
  .x-brand {
    max-width: 75%;
    line-height: normal;
  }

  .x-btn-navbar {
    margin-top: 18px;
  }
}

Thank you!

[chflynnParticipant]

absolutely got it done. I’m learning so much form your help. Thanks again. Great service.

[John EzraMember]

You’re most welcome! 🙂

[Author]

Posts