jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added media query to adjust footer image when the footer height grows at less than 340 width

Browse source
This commit is contained in:
Jason Wheeler 2023-02-03 10:23:19 -05:00
parent a2b8928993
commit 0979544d2d
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/iss-components/site-footer/site-footer.vue
View file

@ -151,6 +151,7 @@ export default {
justify-content: flex-start; justify-content: flex-start;
} }
} }
& > .container-fluid { & > .container-fluid {
overflow-x: visible; // needed to fix hidden footer on some iphones overflow-x: visible; // needed to fix hidden footer on some iphones
} }
@ -160,8 +161,15 @@ export default {
text-align: center; text-align: center;
position: sticky; position: sticky;
bottom: 72px; bottom: 72px;
} }
@media only screen and (max-width: 340px) {
.footerImage
{
bottom: 85px;
}
}
#siteFooterImage #siteFooterImage
{ {
width: 100%; width: 100%;