I plugged my iPhone in to my iMac and and used Safari Web Inspector. I saw the script in the header (in script tags) but it was displaying as a text node instead of jQuery. Any ideas why?
]]>Currently post block template shows 3 columns in desktop browsers but in mobile browsers with low width it gets wrapped below.
I have tried flex-wrap: nowrap; in additional css tab however the issue persists
]]>I haven’t encountered the error while viewing on desktop only from mobile browsers such as Chrome or Opera. Haven’t seen the issue on Safari or Firefox or Edge mobile browsers however I may have to check those now also.
Any ideas on what might be causing this or what could be the problem?
What can I do to diagnose this issue and correct it?
We have another sibling website that works awesome on mobile however that was built with Webflow and not WP so there’s that.
Any help is mucho appreciated.
]]>I tried forcing a size with
.slicknav_menu .slicknav_arrow {
font-size: Npx;
}
And this affects both right and down arrows, but on mobile browsers, the right arrow is still proportionally smaller than the down arrow. This doesn’t happen on desktop browsers.
Any idea why or how mobile browsers are treating these symbols differently? Any idea how the size of these icons might be equalized with CSS?
]]>Thank you for your help!
]]>I’m working on this website: https://culturalconfidence.com/.
It looks fine on mobile devices, except for the content underneath the slider on the home page runs off the screen when viewing it on a mobile device.
This is the content I am referring to:
Most businesses and other organizations work across cultures every day of the week.
Do you work with culturally diverse clients and counterparts?
Do you work with global virtual teams?
Do you plan to relocate employees and their families on international assignments?
We can help you be EFFECTIVE and SUCCESSFUL in a global environment.
Is there something I can do to fix this so it doesn’t run off the screen on a mobile device?
Thanks!
Dan
]]>Working on making some revisions to a website for a friend (https://culturalconfidence.com/).
She parted ways with her web developer awhile ago and asked me to help make some simple changes this past week.
One problem with the site is that it’s supposed to be responsive but doesn’t appear to be on mobile devices.
In the header.php file, I added a viewport code which seemed to help a bit: <meta name=”viewport” content=”width=device-width, initial-scale=1″ />
But now, some of the bullet point content on the home page is running together. Also, the Contact us now image in the center page extends far to the right of the device’s browser screen. Not sure what the issue is.
Any assistance would be greatly appreciated.
Here is the rest of the header.php code:
[Redacted]