Mobile view - buildr - Support Central

Mobile view - buildr

witraze

Hi, could someone advise me with mobile view of page https://www.witraze.info/en/1687-art-glass-partitions-and-walls. In phone view with of the page is incorrect: mobile menu goes far to the right. I think I is something with the mobile toggle menu. Thanks in advance

saguaros

witraze

It looks fine at my end: https://prnt.sc/r2y2mv

Could you share the screenshot of how you want it should be?

witraze

Thanks Saguaros,
I found this issue through Webmaster Tools. Screenshot is attached.

This view was rendered in WT. As I inspected my page it is unfortunetely true.

saguaros

witraze

You can test with your own mobile device and see how it goes, I tested on my iPhone and it looks fine.

witraze

saguaros I've tested this page (https://www.witraze.info/en/1687-art-glass-partitions-and-walls)
I've checked this on Iphone and you are right - seems OK.
But under Android on my Motorola phone is not OK.
Unfortunately:
- hamburger menu is not visible as it is shifted far to the right
- Social icons are not visible on the right because they are also moved far to the right.
- Width of the page is duplicated whereas the main container width is to small (half of the page width).

saguaros

witraze

It seems that there is issue with content of this K2 item that you show on that page: https://www.witraze.info/en/1687-art-glass-partitions-and-walls

Did you add any special content in this K2 item?

And kindly share the admin login info also.

witraze

Hi, thanks.
Yes I modified slightly K2 item template but only in desktop view. Superadmin credentials are added.
regards Tomek

saguaros

witraze

Like I mentioned, it due to this style you added in the end of that K2 item:

<div id="s3gt_translate_tooltip_mini" class="s3gt_translate_tooltip_mini_box" style="background: initial !important; border: initial !important; border-radius: initial !important; border-spacing: initial !important; border-collapse: initial !important; direction: ltr !important; flex-direction: initial !important; font-weight: initial !important; height: initial !important; letter-spacing: initial !important; min-width: initial !important; max-width: initial !important; min-height: initial !important; max-height: initial !important; margin: auto !important; outline: initial !important; padding: initial !important; position: absolute; table-layout: initial !important; text-align: initial !important; text-shadow: initial !important; width: initial !important; word-break: initial !important; word-spacing: initial !important; overflow-wrap: initial !important; box-sizing: initial !important; display: initial !important; color: inherit !important; font-size: 13px !important; font-family: X-LocaleSpecific, sans-serif, Tahoma, Helvetica !important; line-height: 13px !important; vertical-align: top !important; white-space: inherit !important; left: 860px; top: 1320px; opacity: 0.85;">&nbsp;</div>
<div id="s3gt_translate_tooltip_mini" class="s3gt_translate_tooltip_mini_box" style="background: initial !important; border: initial !important; border-radius: initial !important; border-spacing: initial !important; border-collapse: initial !important; direction: ltr !important; flex-direction: initial !important; font-weight: initial !important; height: initial !important; letter-spacing: initial !important; min-width: initial !important; max-width: initial !important; min-height: initial !important; max-height: initial !important; margin: auto !important; outline: initial !important; padding: initial !important; position: absolute; table-layout: initial !important; text-align: initial !important; text-shadow: initial !important; width: initial !important; word-break: initial !important; word-spacing: initial !important; overflow-wrap: initial !important; box-sizing: initial !important; display: initial !important; color: inherit !important; font-size: 13px !important; font-family: X-LocaleSpecific, sans-serif, Tahoma, Helvetica !important; line-height: 13px !important; vertical-align: top !important; white-space: inherit !important; left: 10px; top: 1333px; opacity: 0.55;">&nbsp;</div>
<div id="s3gt_translate_tooltip_mini" class="s3gt_translate_tooltip_mini_box" style="background: initial !important; border: initial !important; border-radius: initial !important; border-spacing: initial !important; border-collapse: initial !important; direction: ltr !important; flex-direction: initial !important; font-weight: initial !important; height: initial !important; letter-spacing: initial !important; min-width: initial !important; max-width: initial !important; min-height: initial !important; max-height: initial !important; margin: auto !important; outline: initial !important; padding: initial !important; position: absolute; table-layout: initial !important; text-align: initial !important; text-shadow: initial !important; width: initial !important; word-break: initial !important; word-spacing: initial !important; overflow-wrap: initial !important; box-sizing: initial !important; display: initial !important; color: inherit !important; font-size: 13px !important; font-family: X-LocaleSpecific, sans-serif, Tahoma, Helvetica !important; line-height: 13px !important; vertical-align: top !important; white-space: inherit !important; left: 749px; top: 1808px; opacity: 0.55;">&nbsp;</div>
<div id="s3gt_translate_tooltip_mini" class="s3gt_translate_tooltip_mini_box" style="background: initial !important; border: initial !important; border-radius: initial !important; border-spacing: initial !important; border-collapse: initial !important; direction: ltr !important; flex-direction: initial !important; font-weight: initial !important; height: initial !important; letter-spacing: initial !important; min-width: initial !important; max-width: initial !important; min-height: initial !important; max-height: initial !important; margin: auto !important; outline: initial !important; padding: initial !important; position: absolute; table-layout: initial !important; text-align: initial !important; text-shadow: initial !important; width: initial !important; word-break: initial !important; word-spacing: initial !important; overflow-wrap: initial !important; box-sizing: initial !important; display: initial !important; color: inherit !important; font-size: 13px !important; font-family: X-LocaleSpecific, sans-serif, Tahoma, Helvetica !important; line-height: 13px !important; vertical-align: top !important; white-space: inherit !important; left: 1303px; top: 2230px; opacity: 0.35;">&nbsp;</div>

This style is applied to all screens, not just desktop view

You can try to remove it and it will show fine on mobile

witraze

saguaros Thanks a lot indeed! This rubbish code was added automatically by Chrome translating extension. I wasn't aware of it. Kudos!

saguaros

witraze

You're welcome!