Jump to content

How to align text to bottom of logo image in the footer?

Recommended Posts

Add to Design > Custom CSS

@media screen and (min-width:992px) {
div#block-63fd3be48abddda40b84 {
    padding-bottom: 0;
    position: relative;
    top: 17px;
}
}
/* footer height */
div#footerBlocksBottom {
    padding-top: 0px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/18/2022 at 2:22 AM, hellomw said:

Great, thank you so much @tuanphan! I fixed the width size of the logo. Now the logo and text are overlapping on medium viewports. Is there a way to have the "info@" email text sit to the right of the logo image at all sizes above mobile?

Hi. Which screensize do you see problem? I can tweak the code easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/20/2022 at 10:09 AM, hellomw said:

@tuanphan Sorry, another thing, these code blocks become misaligned below 625px. I don't know why.

 

Screen Shot 2022-01-19 at 10.07.05 PM.png

Add to Design > Custom CSS

/* Mikko timonen */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1642646136258_23450+.row .span-6 {
    width: 50% !important;
    float: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/20/2022 at 9:57 AM, hellomw said:

1095 px and below.  "info@" overlaps with the logo

If you are able to help with a different problem, for some reason this gallery of images displays strangely at sizes above 625px: https://www.no-frames.com/mikko-timonen#dp

 

Screen Shot 2022-01-19 at 9.57.01 PM.png

Screen Shot 2022-01-19 at 9.55.52 PM.png

Add to Design > Custom CSS

/* Misalign gallery */
@media screen and (max-width:1024px) and (min-width:768px) {
div#block-yui_3_17_2_1_1642643702544_21347 .slide:nth-child(3n+1) {
    clear: none !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 1/20/2022 at 9:57 AM, hellomw said:

1095 px and below.  "info@" overlaps with the logo

If you are able to help with a different problem, for some reason this gallery of images displays strangely at sizes above 625px: https://www.no-frames.com/mikko-timonen#dp

 

Screen Shot 2022-01-19 at 9.57.01 PM.png

Screen Shot 2022-01-19 at 9.55.52 PM.png

DId you change header layout? Do you still need help?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.