Use nav menu in different positions on smart phones compared with large screens

More
6 days 8 hours ago #51819 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.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
6 days 58 minutes ago - 6 days 58 minutes ago #51821 by milos
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:
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.

More
5 days 5 hours ago #51822 by Danimeeka
Thank you Milos. That gives me all the tools I needed to build my perfect layout. Am now very happy.
Cheers,
Julia.

Please Log in to join the conversation.

Time to create page: 0.154 seconds
Powered by Kunena Forum