Hi there. Got a few questions regarding some things. I’ve included URL and login info if needed. I should start off by saying that I recently got help adjusting my menu’s location on the header 10 sidebar with some custom CSS code so maybe that has something to do with one of these issues. Let’s get right down to it:
1) I’m employing Header 10 with the side menu and on smaller resolutions or collapsed browser windows (height wise anyways, width will fix the menu as a slide out option, but height adjustments will do this), the menu hovers over the social media icons and menu footer. Basically the menu isn’t being responsive once it reaches a certain height. It will shrink a bit but at some point it just stops. I kind of expect the font size to shrink but all it does is adjust the distance between menu items, not the size of the font. I assume it’s because the sidebar is designed so that it doesn’t scroll and perhaps it can be avoided with a smaller menu font, but my client will likely be adding more menu items in the future. Is this normal or is it something that can be addressed? I was giving a presentation to the clients and they only had a VGA connection to my laptop to look at it on a TV so the resolution was smaller than normal and it looked completely out of place. Just need to know if it’s a responsive issue or maybe it had something to do with the custom CSS that was given to me to move my menu up below the logo (there was a big gap between the menu and logo before)
2) Another responsive issue is on the media page I employed a audio player plugin, and it may just be that plugin is the issue, but on smaller resolutions or window adjustments, the plugin overlaps the image it sits next to. Is this a plugin thing or another responsive issue? If it’s a plugin thing then I’ll just look for another one, but I really like that plugin, but I understand if it’s out of control of anything you guys can help me with
3) The full screen video streams that drop down when you click on a video. It brings it up fine, but it’s not full screen (on Chrome anyway). I’ve employed this before on other sites and the videos load full screen, but as of right now when I load them up on my computer and browser, it drops down and loads the video but they are not full screen.
4) Also on the front page we employ a video in the Swift Slider. It looks great! However the video a) apparently only loads on Chrome and b) won’t load on the mobile site. For starters, we’re using a .webm video file. Would using a .ogg or .mp4 video file fix the cross browser compatibility issues? Or is this just a weird occurrence? Really need to know how to fix that. Also, are the video files not visible on the mobile versions? The overlay loads up but not the video (much like how it looks on Firefox). That’s one of the key issues is mobile compatibility for those video slides. If they won’t work on Mobile is there a way to exclude them on Mobile versions? Would I need to make a Mobile home page that Cardinal can detect and direct them to instead? I’m unsure of what to do there and could use some guidance.
Thanks for any and all help in the future. Hope to hear back soon! Thanks!
.