- Posts: 160
- Thank you received: 1
Responvice mode - layout issue
-
hkeyzer
Inactive member - Topic Author
- Member
Less
More
8 years 7 months ago - 8 years 7 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: 8 years 7 months ago by hkeyzer.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6745
- Thank you received: 716
8 years 7 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
Inactive member - Topic Author
- Member
Less
More
- Posts: 160
- Thank you received: 1
8 years 7 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.196 seconds