Forum Support

 
Advanced Search


[1]

Offline CentiAdv
Free Member
Posts: 67

We launched our new site a week or so ago and have noticed that on mobile phones our homepage is not fully responsive - the text for the sliders overlays the social icons and our "Click or Call" message at the top. Is there a setting I'm missing to make this fully responsive?

Additionally, we use Microsoft Surfaces company-wide and have had numerous associates say that navigation is not working properly - they are just seeing the main menu items, but not the drop downs. Our IT team has looked into this and they are suggesting it is something to do with the coding of the template that registers the Surfaces strictly as a touchscreen (the menus appear correctly when the Surfaces are connect to an external monitor), therefore it is not allowing dropdowns. Could someone help with this as well?

Thank you!
Logged

Offline mikek
Free Member
Posts: 28743 WWW

Hello,

Please post a url.

You can disable the onclick functionality under Main/Menu/Onclick For Tablets. I would not recommend turning this off though. If the screen size is less than 10 inches and the device has a touchscreen, it is determined that you are using a tablet and changes the menu from onmouseover to onclick. If the Surface isn't outputting the correct screen size when attached to a third party monitor that is an issue with their software. The script itself just looks at the viewing output that the device is reporting.
Logged

Offline CentiAdv
Free Member
Posts: 67

URL: http://www.centimark.com/

The website menu on the Surface only displays properly when connected to an external monitor. When it is not connected the menu drop downs do not appear (but are fully functional on other machines). Is there anything that can be done about this?

Thank you
Logged

Offline mikek
Free Member
Posts: 28743 WWW

Hello,

You are using custom code to call the image in the main area. You should be using this as per our demo:

<div style="max-height:860px;min-height:500px;background: url('/images/Homepage/Redesign/Background.jpg');"
<video src="images/video.mp4" loop="loop" autoplay="autoplay" muted=""></video>
</div>

If you don't have a video, just omit the second video line. Your text is showing overlapped because your image is too small. There needs to be a min-height call so the image can never get too small, which allows enough space for the text.

Again, you turn off the onclick functionality where I said above. There nothing else you can do beyond that. If it's working when it's connected to an external monitor it should be showing onmouseover and when it's disconnected from the monitor it would show onclick, unless you've turned the feature off in the template settings.
Logged

Offline CentiAdv
Free Member
Posts: 67

Thank you for those solutions!
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.013 seconds with 20 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.