- Posts: 204
- Thank you received: 0
Use nav menu in different positions on smart phones compared with large screens
-
Danimeeka
Active member -
Topic Author
- Member
-
Less
More
6 days 8 hours ago #51819
by Danimeeka
Use nav menu in different positions on smart phones compared with large screens was created by Danimeeka
Hi Milos,
My website is at blackswanit.com.au. On a large screen the logo is on the right and the menu in the centre. Currently on a smart phone screen both the nav icon (hamburger menu) and the logo are squashed over on the left. How can I change this so the navigation is on the right on a smart phone?
Thanks,
Julia.
My website is at blackswanit.com.au. On a large screen the logo is on the right and the menu in the centre. Currently on a smart phone screen both the nav icon (hamburger menu) and the logo are squashed over on the left. How can I change this so the navigation is on the right on a smart phone?
Thanks,
Julia.
Please Log in to join the conversation.
-
milos
Support Staff -
- Moderator
-
Less
More
- Posts: 6800
- Thank you received: 723
6 days 58 minutes ago - 6 days 58 minutes ago #51821
by milos
Replied by milos on topic Use nav menu in different positions on smart phones compared with large screens
Hello,
Perhaps you are not using the "top2" module position, so you can edit the file /media/templates/site/galatea/css/custom.css and around line 510, replace this:
with this:
To see the changes on mobile devices, you will need to clear the mobile device's cache.
Regards,
Milos
Perhaps you are not using the "top2" module position, so you can edit the file /media/templates/site/galatea/css/custom.css and around line 510, replace this:
Code:
.logorow > .sparky_container > .mp_logo {
width: 50% !important;
}
.logorow > .sparky_container > .mp_top1 {
width: 10% !important;
}
.logorow > .sparky_container > .mp_top2 {
width: 40% !important;
}
with this:
Code:
.logorow > .sparky_container > .mp_logo {
width: 20% !important;
}
.logorow > .sparky_container > .mp_top1 {
width: 80% !important;
}
.sparky_logo_image {
text-align:right;
}
To see the changes on mobile devices, you will need to clear the mobile device's cache.
Regards,
Milos
Last edit: 6 days 58 minutes ago by milos.
The following user(s) said Thank You: Danimeeka
Please Log in to join the conversation.
-
Danimeeka
Active member -
Topic Author
- Member
-
Less
More
- Posts: 204
- Thank you received: 0
5 days 5 hours ago #51822
by Danimeeka
Replied by Danimeeka on topic Use nav menu in different positions on smart phones compared with large screens
Thank you Milos. That gives me all the tools I needed to build my perfect layout. Am now very happy.
Cheers,
Julia.
Cheers,
Julia.
Please Log in to join the conversation.
Time to create page: 0.154 seconds