Issues with Copyight Position on Mobile

More
2 years 11 months ago #46732 by skytech
Copyright and Footer Menu show very beautifully on desktop, but on mobile view they move up ahead of Top 2 and conflicts with Top 3 position etc.

How can i make the Copyright Position sit at the bottom both in desktop and mobile view. please visit sprovia.com/ both on desktop and mobile to understand what i mean

i want it to be at the bottom and not conflict with any menu. thank you

I look forward to hearing from you soon, thank you for your usual support and cooperation.

Please Log in or Create an account to join the conversation.

More
2 years 11 months ago #46733 by milos
You have this in template_css.css
.music_social {
    position: absolute;
    width: 100%;
    z-index: 100;
    padding-top: 30px;
    text-align: right;
}

This row must not be positioned absolute on smaller screen sizes, so add this in template_css.css file:
@media (max-width: 768px) {
  .music_social {
    position: relative;
  }
}

Please Log in or Create an account to join the conversation.

More
2 years 11 months ago #46734 by skytech
i followed your instructions and yet the copyright position is still overlapping. please help me resolve this issue. and the menu system which i put in the copyright position is also not appearing correctly on mobile. please see attachment

. thank you
Attachments:

Please Log in or Create an account to join the conversation.

More
2 years 11 months ago #46735 by milos
This is how it looks on iPhone and it looks OK.

Attachments:

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.163 seconds