Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Shrinking Footer Logo in Mobile View


Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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 ri

@media only screen and (min-width: 768px) and (max-width: 1124px) { #block-e7dc4b0d76dbc7ea0a09 pre { height: 60px; position: relative; } #block-e7dc4b0d76dbc7ea0

Posted Images

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;
}

image.png.61eb811607b2e454993ba00aca0e1457.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post
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?IMG_0121.thumb.PNG.694546299629607a48b837614468a808.PNG

@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;
      }
}

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightboxGeolocation Automatic Currency Converter, Sortable Table from GSheet
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...