footer Shrinking Footer Logo in Mobile View

Site URL: https://www.legacyenterprises.net

Hi!

I'm trying to shrink this footer logo in mobile view and I can't figure it out. The footer seems like its taking up half of the page in mobile right now. Can some one help?

Thanks 🙂

Emilia

9 hours ago, CandidCreative said:

Site URL: https://www.legacyenterprises.net

Hi!

I'm trying to shrink this footer logo in mobile view and I can't figure it out. The footer seems like its taking up half of the page in mobile right now. Can some one help?

 

Thanks 🙂

Emilia

Hi Emilia,

Kindly place this snippet to Design_>Custom CSS to see if it helps

#footer-sections #block-yui_3_17_2_1_1600285189859_13575 {
    width: 200px;
    margin: 0 auto;
  padding: 0 !important
}
#footer-sections [data-rte-preserve-empty="true"] {
  display: none;
}

It worked! Thanks so much (:

Do you know how to prevent this from happening also? My link 'jake@legacyenterprises.net'  in the footer keeps bleeding over into the line below.. any way I can keep it in just a single line?

5 hours ago, CandidCreative said:

Do you know how to prevent this from happening also? My link 'jake@legacyenterprises.net'  in the footer keeps bleeding over into the line below.. any way I can keep it in just a single line?

@media only screen and (min-width: 768px) and (max-width: 1124px) {
      #block-e7dc4b0d76dbc7ea0a09 pre {
          height: 60px;
          position: relative;
      }
      #block-e7dc4b0d76dbc7ea0a09 pre code {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: 10px;
      }
}