Support Center Visit Demo License manager Buy @ envato

Footer on mobil

chrissie100chrissie100
in General info & installation

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

IMG_4314FA665FD1-1.jpeg


http://naturhh.christophtappe.de/

Comments

  • PhilPhil

    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
  • chrissie100chrissie100

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

  • PhilPhil

    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
  • chrissie100chrissie100

    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.

    IMG_7616.PNG


  • PhilPhil

    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
  • chrissie100chrissie100

    Perfect! Thank you, Phil.

Sign In or Register to comment.