- Posts: 160
- Thank you received: 1
Responvice mode - layout issue
- 
        hkeyzer
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        
            
        
                9 years 5 months ago         -  9 years 5 months ago        #46506
        by hkeyzer
    
    
        
        
    
    
            
            
            
            
                                
    
                                                
    
        Responvice mode - layout issue was created by hkeyzer            
    
        Hi,
On the following site, I have added a position to the "top" row and inserted a image with a link. www.nzvirtuemart.co.nz
When I switch the template to responsive mode (reduce screen size) the new module overlaps the phone number in the first position in that row and the telephone number wraps. Can I do some thing so over lap does not occur and phone number does not wrap.
Also occurs on mobile devices.
Refer attached image.
Thanks
On the following site, I have added a position to the "top" row and inserted a image with a link. www.nzvirtuemart.co.nz
When I switch the template to responsive mode (reduce screen size) the new module overlaps the phone number in the first position in that row and the telephone number wraps. Can I do some thing so over lap does not occur and phone number does not wrap.
Also occurs on mobile devices.
Refer attached image.
Thanks
        Last edit: 9 years 5 months ago  by hkeyzer.            
            Please Log in to join the conversation.
- 
        milos
 Support Staff
- 
            
				  
- Moderator
- 
              
        Less
        More
        
            
    
        - Posts: 6898
- Thank you received: 737
            
        
                9 years 5 months ago                #46509
        by milos
    
    
    
            
            
            
            
                                
    
                                                
    
        Replied by milos on topic Responvice mode - layout issue            
    
        Hello,
Try adding this at the bottom of template_css.css file:
Regards,
Milos
Try adding this at the bottom of template_css.css file:
Code:
@media (max-width: 767px) {
.mp_top3 {
padding-top:30px;
}
}
Regards,
Milos
        The following user(s) said Thank You: hkeyzer     
            Please Log in to join the conversation.
- 
        hkeyzer
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        - Posts: 160
- Thank you received: 1
            
        
                9 years 5 months ago                #46511
        by hkeyzer
    
    
            
            
            
            
            
                                
    
                                                
    
        Replied by hkeyzer on topic Responvice mode - layout issue            
    
        Great - that stops the image overlap of the image over the phone number.
Is there a way to prevent the phone text from breaking ad wrapping at the white space in the phone number. I've temporary spaces "-" and removed white space. But hope there is a better solution so I can leave the spaces in.
Thanks
Is there a way to prevent the phone text from breaking ad wrapping at the white space in the phone number. I've temporary spaces "-" and removed white space. But hope there is a better solution so I can leave the spaces in.
Thanks
Please Log in to join the conversation.
        Time to create page: 0.308 seconds    
    
