Responvice mode - layout issue

  • hkeyzer
    Inactive member
  • Topic Author
  • Member
  • Member
More
8 years 7 months ago - 8 years 7 months ago #46506 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
Attachments:
Last edit: 8 years 7 months ago by hkeyzer.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
8 years 7 months ago #46509 by milos
Hello,

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
  • Member
More
8 years 7 months ago #46511 by hkeyzer
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

Please Log in to join the conversation.

  • hkeyzer
    Inactive member
  • Topic Author
  • Member
  • Member
More
8 years 7 months ago #46512 by hkeyzer
Solved this by adding white-space: nowrap;
to .telephone style

thanks

Please Log in to join the conversation.

Time to create page: 0.196 seconds
Powered by Kunena Forum