V17 Menu not correctly for mobile phone
Author: Gerard V.
Visited 1714,
Followers 1,
Shared 0
Hello, the menu in V17 for a mobile phone is not shown correctly. Scrolling down the menu is ok, see photo. Best regards, Gerard
www.massageontspanningdeventer.nl
Posted on the
Gerard, is this an older version of IOS, and what happens if you use an alternative browser rather than safari?
There are a few issues with older IOS devices to the point where some have chosen to stay with v16 in the interim :-(
https://helpcenter.websitex5.com/en/post/203661
https://helpcenter.websitex5.com/en/post/203122
Author
Hello, thnx for the answer. The ios is the newest version 12.1, in another browser its also looking left assigned, so not centered. Also in X5 when you do a preview it looks not good, left assigned. If you croll down on the page the menu stroke is centered and looks good .... not es wide as the screen, but ok ...
Gerard, I checked your website online and it appears you simply need to revisit the header at every resolution. All appears fine except mobile.
If the coloured background to the header is set in template structure, you may need to look at mobile resolution there as well and ensure header is set to extend to width of browser, but if it's a graphic in the header it probably needs resizing/repositioning a little.
Author
Hello Esahc, thnx for the answer. I tryed everything to get header lager. The coloured backgrond is the menu bachground from a templete. I also resized and positioned it an also set it to extend to the wide os the browser, but noting works. Also the sticky bar is smaler but that can be resolved by extending it to browser wide. Is it not posible to display only the hamburger menu without the green background? Can i send you my project,so you couls see what is wrong? Best regards, Gerard
Hi Gerard.
Apparently, all this thing here:
Both the green rectangle and the text is but a simply image. For this reason, it is simply probably not big enough to fit the whole space here, and might need reposition in the Template Content section in order to be displayed correctly.
Additionally, consider modifying the image as a whole to make it larger. This way, you're sure it would fit
Test it out and let me know if you manage
Thank you
Stefano
Gerard, the answer to you last question is yes, you are welcome to send your site if the iwzip file is less that 2GB, just go to wetransfer.com and upload it, create the link and paste it here. Be aware that ANYONE can then download your site.
However, you may not need to.
Stefano has provided answers, but you also ask if the hamburger menu can be displayed without background (I assume you want the title and hamburger menu both visible floating in the sky). The answer is yes, assuming the background has been set in Template Structure
If this doesn't work then it is possible the green block has been placed in Template Content and can be removed from there.
Author
Hello Esahc, i have uploaded my project, see post: https://helpcenter.websitex5.com/en/post/202598#4
Best regards, Gerard van Heck
Gerard, Incomedia can see that post, but being hidden I cannot. You will find my contact details on www.esahc.com, so if you wish to provide a link via email I would be happy to take a look.
Author
Hello Esahc, i sent you an e-mail with the info, many thanks, greetings Gerard
Hi Gerard.
As mentioned in my previous post, both the green rectangle and the text is but a simply image. For this reason, it is simply probably not big enough to fit the whole space here, and might need reposition in the Template Content section in order to be displayed correctly.
You can fix this by modifying the alignment of the image in every breakpoint at Step 2, as shown in my screenshot:
Test it out and let me know if you manage to solve this
Thank you
Stefano