Blog doesn't render theme/CSS?

[witecat]

The entire blog is not rendering correctly when opened from direct link, site is showing without any formatting.
I am on Android mobile tablet, see system specs attachment
The problem remains both in mobile and desktop mode
Haven't tested on computer or laptop, do not have ready access to such at the moment.

At first glance it looks like it doesn't render the CSS at all
The weirdest thing is that if I go to my web hosting control panel and open the blog link from the list of my Softaculous installations the blog theme renders correctly every time, but opening from direct link (bookmark or cut/paste), every time the blog shows as bare bones HTML with no formatting.
If i open from Softaculous and use "share" and open in another browser, the blog is not rendering the CSS in the receiving browser.

This is what the blog looks like when opened from Softaculous link:

What's going on here? Am I doing something wrong? Any setting that I've missed?
Grateful for any assistance

To Reproduce
Open
https://makapps.free.nf/htmly

Device info of my tablet
Info-device.txt

[danpros]

Hello,

Login, go to admin/config. If you are using https, make sure the site url also use https either. Clear cache.

[witecat]

Thank you for the prompt reply.

Sorry, checked several times on several mobile devices, Chrome and derivative browsers still do not render the theme properly even after clearing cache
This site doesn't use https

[witecat]

Update: A friend of mine on iPad opened the link in Safari and Crome and it doesn't render the CSS formatting. Only bare bones HTML as in the picture I posted

[Joduai]

Do you have "Always Use HTTPS / HTTPS-Only Mode" - or something like that option enabled in mobile browser?
Assuming yes it leads to mixed content being automatically loaded through https protocol, probably being blocked at the end as content accessed through http protocol is insecure. Mobile browsers are more strict about it.
Since the top domain is already secured by a zerossl certificate why won't you set the https in website address field like @danpros already mentioned?

If you insist of using http protocol, read about disadvantages of using it nowadays and as a first step disable the ssl certificate for domain or add exception in browser
https://support.mozilla.org/en-US/kb/https-only-prefs#w_turn-off-https-only-mode-for-certain-sites

[witecat]

Sorry, but your suggestion doesn't solve this problem.
Tested on 4 different devices, on Chrome, Opera, FF, Edge, Floprp, Mull, Kiwi, with 5 different htmly themes- only Firefox and FF-based browsers render the themes correctly
Pity, I really like htmly. Love that I can use both md and html

Both admin and front end pages do not render css

This domain has automatic https configured, it redirects on browsers to https
But even if I manually enter the URL theme CSS still doesn't render
I cleared cache, called the URL with https and cleared the cache again, this is what I see on my mobile devices:

[Joduai]

@witecat
I have a feeling that you don't understand the issue.
You configured htmly address to serve content through insecure http protocol, and since domain has a ssl certificate assigned it leads to mixed content, and all problems that result from it.
Check what is mixed content firstly
htmly has nothing to do with this "problem" as you insist on forcing http protocol to serve the content without willing to switch the address to serve all content through https.
One could tinker with HSTS but whatfor even complicating such simple usecase?

[ncang]

as mention above, it's like your site config using http

[witecat]

I think I solved it, thank you guys for pointing me in the right direction. Mixed content was breaking the instance.

Initially I installed HTMLy from Softaculous, but this time I installed it as described in HTMLy docs, section "Using online install". This install is so easy, I think it's not worth wrestling with Softaculous.

Here's what I did, with hope to aid other people that might encounter this issue:

1. I installed a https certificate for my domain and subdomain and enabled it

My HTMLly instance resides in it's own subdirectory in a subdomain:
https://sub.domain.net/htmly

2. I made sure that all traffic is forced to use https by way of .htaccess, like this

Go to File Manager in your hosting panel (or use any other method to access and edit files at your web hosting)
Navigate to the htaccess directory where HTMLy is installed, in my case https://sub.domain.net/htmly/htdocs
edit the .htaccess file,
If you can’t locate it, make sure to create or unhide it.
Scroll down to find RewriteEngine On and insert the following lines of code below it:

RewriteEngine On 
RewriteCond %{HTTPS} off 
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

3. Install HTMLy by running online-installer.php, as described in HTMLy docs

Everything works.

Regarding @Joduai 's comment, strictly speaking, there's no config that I can actively do regarding the install of HTMLy itself.
Additionally, I did not install HTMLy as described on the web site, I installed it through Softaculous.

Installing a cert, enabling https and forcing all traffic to use it did the trick

Thank you guys for assisting me and taking time to help!