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

Site URL: https://www.no-frames.com/photo-test/category/Lifestyle

Hi, 

1. Is there a way to align the baseline of the text to the bottom of an image to the left of it? 

2. Can I control the size of the image and the height of the footer?

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

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?

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

17 hours ago, tuanphan said:

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

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

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

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.

 

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

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

 

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

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

 

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

I'm good now. Thanks for all your help @tuanphan!