Issues with Copyight Position on Mobile

skytech
Inactive member
Topic Author
Member

8 years 4 months ago #46732 by skytech

Issues with Copyight Position on Mobile was created 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 to join the conversation.

milos
Support Staff
Moderator

8 years 4 months ago #46733 by milos

Replied by milos on topic Issues with Copyight Position on Mobile

You have this in template_css.css

Code:

.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:

Code:

@media (max-width: 768px) {
  .music_social {
    position: relative;
  }
}

Please Log in to join the conversation.

skytech
Inactive member
Topic Author
Member

8 years 4 months ago #46734 by skytech

Replied by skytech on topic Issues with Copyight Position on Mobile

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 to join the conversation.

milos
Support Staff
Moderator

8 years 4 months ago #46735 by milos

Replied by milos on topic Issues with Copyight Position on Mobile

This is how it looks on iPhone and it looks OK.

Attachments:

Please Log in to join the conversation.

Time to create page: 0.232 seconds