Footer on mobil

chrissie100

Hi, I would like to minimize the height of the footer on mobile view and the line-height between the blocks. I have thre columns on desktop, on mobile the gap between them is too big. Can you help me please?

Thank you very much and best regards, Christoph

http://naturhh.christophtappe.de/

Phil

Hi,

You can decrease the space in Footer on mobile display by writing a custom CSS code, and placing it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help with writing it?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

chrissie100

Hi, yes please. I need help for that. Thank you very much. Best regards, Christoph

Phil

Please, use the following CSS code:

@media only screen and (max-width:767px){
   #Footer .widget{
      margin-top: 0!important;
      padding-top: 0!important;
   }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

chrissie100

Thank you. I would like to have more space above ANSCHRIFT. When I change the margin-top the gap between all headlines get to big. How can I fix it? Thank you.

Phil

Please, replace the previous code with this one:

   @media only screen and (max-width:767px){
      #Footer .column.one-third:not(:first-child) .widget{
         margin-top: 0!important;
         padding-top: 0!important;
      }
   }

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

chrissie100

Perfect! Thank you, Phil.