Jump to content

Adding second image underneath logo on mobile version

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://wolf-kumquat-dpgn.squarespace.com/

I am looking to add a second logo (https://stijl.kuleuven.be/releases/latest/img/svg/logo.svg) directly underneath the main logo on the mobile version of the site. The logo should link to our university home page  ( https://www.kuleuven.be/kuleuven/). 

There is no password for the site. The site style is Harris.

Any help would be greatly appreciated! Thanks so much.

Best wishes,

Kari

Link to comment
  • Solution

Add to last line in Code Injection Footer > Then check on real mobile

<script>
jQuery(document).ready(function($) {
if ($(window).width() <= 640) {
$('<a href="https://www.kuleuven.be/kuleuven/" class="t-logo2"><img src="https://stijl.kuleuven.be/releases/latest/img/svg/logo.svg"/></a>').insertAfter('.mobile-logo-image>a:first-child');}
});
</script>
<style>
  .t-logo2 img {
    margin: 0 auto;
}
</style>

image.thumb.png.a1dc461c099b88b1f8865d2edc2a06b7.png

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 6/11/2021 at 6:19 PM, kotteburn said:

This worked beautifully - thanks a million!

Do you want to fix these?

Site URL – https://wolf-kumquat-dpgn.squarespace.com/

1. (Tablet-Homepage) Increase sidebar width?

wolf-kumquat-dpgn.squarespace.com-01-min

2. (Mobile-Footer) Make logos side by side?

wolf-kumquat-dpgn.squarespace.com-02-min

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

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.