different alignment for footer svg logo for desktp and mobile

Posted in: Newspaper
Post count: 135
line77
#367885
Oct 4, 2020 at 5:06 pm

hi,
I want for the svg logo in footer to be aligned to left on desktop and to middle on mobile – can it be done? – right now mobile view inherits the desktop alignment – I thought it was possible to set this alignment separately for mobile.

  • This topic was modified 5 years by line77.
Post count: 35449
Calin
#367977
Oct 5, 2020 at 11:34 am

Hi,

This can be done if you are using a footer template, then you can achieve this using tagDiv Composer -> https://i.imgur.com/mV5YQx3.png

Thank you!

Post count: 135
line77
#368066
Oct 5, 2020 at 10:09 pm

yes but i also want this logo to be left aligned in desktop view..can it be done?

Post count: 35449
Calin
#368120
Oct 6, 2020 at 10:22 am

Hi,

Yes, it can be done, if you need help with this, please provide me a link where I can inspect your footer logo, in this way I will be able to help you step by step.

Thank you!

Post count: 135
line77
#368124
Oct 6, 2020 at 10:34 am

sure please check this page

https://cutt.ly/Ogwq0Gr

Post count: 35449
Calin
#368161
Oct 6, 2020 at 2:15 pm

Hi,

Please try this custom css -> https://i.imgur.com/uwGWLLL.png
.td-footer-template-wrap .tdb-logo-svg-wrap {
margin: 0 auto;
}
This code need to be set in theme panel> custom code> advance css > phone.

Hope this will help you!
Thank you!

Post count: 135
line77
#368249
Oct 7, 2020 at 9:47 am

thanks – added as you told me works everywhere – EXCEPT THE HOMEPAGE….not sure why – can you please check?

Post count: 35449
Calin
#368282
Oct 7, 2020 at 11:21 am

Hi,

Please replace the above css with this one ->
.td-footer-template-wrap .tdb-logo-svg-wrap, .td-footer-template-wrap .tdb_header_logo h1 {
margin: 0 auto;
}
I think that on homepage you have set a different footer because this one has set an h1 on logo and that was way the above css didn’t work for homepage.

Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.