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
Mobile view - buildr
It looks fine at my end: https://prnt.sc/r2y2mv
Could you share the screenshot of how you want it should be?
- Edited
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.
- Edited
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).
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.
Hi, thanks.
Yes I modified slightly K2 item template but only in desktop view. Superadmin credentials are added.
regards Tomek
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;"> </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;"> </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;"> </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;"> </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