- Posts: 74
- Thank you received: 0
Mobile responsive
- 
        andre6
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        
            
        
                2 years 2 months ago                #50574
        by andre6
    
    
            
            
            
            
            
                                
    
                                                
    
        Mobile responsive was created by andre6            
    
        My client finds it annoying that, when you look on your mobile, the page can be moved back and forth.
Is there anything to do about this?
www.mooieprijs.nl/dnt-modu-13-l-waterontharder
How can i fix this?
     
Is there anything to do about this?
www.mooieprijs.nl/dnt-modu-13-l-waterontharder
How can i fix this?
Please Log in to join the conversation.
- 
        milos
 Support Staff
- 
            
				  
- Moderator
- 
              
        Less
        More
        
            
    
        - Posts: 6898
- Thank you received: 737
            
        
                2 years 2 months ago                #50576
        by milos
    
    
    
            
            
            
            
                                
    
                                                
    
        Replied by milos on topic Mobile responsive            
    
        Hello,
The first thing you can do is to reduce the heading size for mobiles. Edit file /media/templates/site/mooieprijs/css/custom.css and reduce H1 site around line 1250:
You can use a lower value, for example 32px.
Also, in this file, add this:
Sorry, but VirtueMart is not 100% mobile friendly and requires some customizations. After editing the custom.css file, you must clear the mobile browser cache to see the results.
Regards,
Milos
The first thing you can do is to reduce the heading size for mobiles. Edit file /media/templates/site/mooieprijs/css/custom.css and reduce H1 site around line 1250:
Code:
h1, h1 a {
    font-size: 48px;
}
You can use a lower value, for example 32px.
Also, in this file, add this:
Code:
@media (max-width: 767px) {
  .back-to-category {
    top: 0;
    margin-bottom: 15px;
  }
  .width25 {
    width: 100%;
  }
}
Sorry, but VirtueMart is not 100% mobile friendly and requires some customizations. After editing the custom.css file, you must clear the mobile browser cache to see the results.
Regards,
Milos
        The following user(s) said Thank You: andre6     
            Please Log in to join the conversation.
        Time to create page: 0.202 seconds    
    