Calendar plugin not displaying nav arrows in mobile browser - css

I am using an Availability Calendar plugin on my small cabin rental website, for which I am building a mobile version of (using Bootstrap).
The arrows appear fine above the calendars on the desktop site here,
but they do not appear in the mobile page here (note that they do seem to appear and function correctly in desktop browsers, just not in mobile browsers).
Any assistance or advice anyone could provide here would be greatly appreciated.
Thanks!
k

Related

Wordpress Image galleries not loading on certain browsers and devices

I've been asked to take a look at a website where the image galleries are not displaying correctly. I've found that there's differing results depending on browser and platform. For this example, I'm looking at three Apple devices, all using Safari. I cannot, nor can the client, see the image galleries in Safari, but I can in Firefox - Gallery page
These seem to be built into the theme, rather than managed by a plugin. However, I did put Envira Gallery on and am having similar results.
I've tried turning off all the plugins and systematically turning them back on, that has no effect.
The website is running a theme called The 7.2, which is up to date. Wordpress is also up to date.
The site does have a PHP upgrade warning Warning, but I don't currently have access to the client's control panel to upgrade it.
Any ideas gratefully received
Pictures: MacBook Pro Safari, iPad Pro Safari, iPad mini 5 Safari
The issue is that it is setting opacity to 0
Soon as I take that off it shows/works fine.

Images do not show on mobile devices but they display and work fine on desktops and if "Desktop site" is turned on

I built this site using phugo (a Hugo theme) and am also using Cloudinary to host the images so they will dynamically be reduced on various device widths. Well, that's supposed to be the plan.
I do not see the thumbnails in Chrome on my S9 yet the larger image appears if I click on the blank area where the image(s) should be.
When activating "Desktop site" everything works.
I'm stumped. There are too many variables for me to tinker with. Could be Cloudinary? The main.js that came w the theme? My meta tags? CSS? ... S.O.S. Mayday Help! TY
Site: https://portfolio.infin80.com/branding-marketing-graphic-designer-david-grant-portfolio.html
Edit (6/14/19 2pm PST): I'm nearly certain it's not the CSS

Some categories are not showing up in the mobile menu of my site

I have a WordPress website which has an advanced search feature. But I don't know why, some categories are not shown in the mobile version.
Desktop version
This is the desktop version of the site in which the categories are shown.
Mobile version
This is the mobile version in which the categories don't appear. What should I do?
you will need to check the #media CSS options on your tags , looks like there is a scroller on your mobile version, you may find the categories are "hidden", use google chrome or similar developer tools to inspect the site when activating a mobile view. Best way to debug these type of issues is to learn how to use the developer tools and inspectors in the main stream browsers.
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

How to get a mobile bootstrap navigation to remain on top of the screen

I have recently deployed a website online using bootstrap as the front-end framework. I included the jQuery button to have the menu dropdown on clicking on it. During tests using my Chrome browser emulator, the navigation seems to work well, with it dropping down over the rest of the website content. However, on checking the same site using my iPhone 4s, the nav shows briefly for a split second and then disappears. I have fought tooth and nail with the CSS, but I can't seem to crack it. Any help would be greatly appreciated.
The web address is www.dof.com.ng
Thanks in advance.

Responsive mobile was working, but now it isn't?

I've been working on this site for a school project for a week now. After I update in DreamWeaver, and verify it looks good in the different view modes (desktop, tablet, mobile), I put the changed files to the server and check it out live on my devices.
Recently, the live viewing stopped being responsive on mobile devices. Works great on desktop, but the mobile is the same as the desktop now, and I've been racking my brain trying to figure out what I've done. If it makes any difference, my mobile device is an iPhone 5S. I've been using my boyfriend's iPhone 6 for testing too, and it does the same thing.
Link to my site: www.jordanmiller.newbedesign.com/cafetownsend/index.html
Link to my files via DropBox: http://tinyurl.com/pdjuogr
Note: only the Home and Cuisine links are currently up (still working on the other two).
Also, just an fyi, I am pretty novice to this. Stackoverflow and Google have been my best friends throughout this class. So I apologize in advance if any of my markup (especially the CSS) is messy and unorganized.

Resources