- Posts: 206
- Thank you received: 0
Use nav menu in different positions on smart phones compared with large screens
- 
        Danimeeka
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        
            
        
                6 months 3 weeks 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: 6899
- Thank you received: 737
            
        
                6 months 3 weeks ago         -  6 months 3 weeks 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 months 3 weeks ago  by milos.            
    
        The following user(s) said Thank You: Danimeeka     
            Please Log in to join the conversation.
- 
        Danimeeka
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        - Posts: 206
- Thank you received: 0
            
        
                6 months 3 weeks 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.336 seconds    
    