Skip to content
This repository has been archived by the owner on Apr 5, 2022. It is now read-only.

BUG: Theme not responsive #18

Closed
Jonasdero opened this issue Jun 9, 2019 · 6 comments
Closed

BUG: Theme not responsive #18

Jonasdero opened this issue Jun 9, 2019 · 6 comments

Comments

@Jonasdero
Copy link

Bug Report

Describe the bug

Especially on smaller mobile screens you first have to zoom out before you can see the full webpage. I removed all of my custom css and its still too big.

Also when changing the font-size, the text-boxes stay the same size relative to the text.

To Reproduce

Steps to reproduce the behavior:

  1. Open Site with theme on mobile

Expected behavior

Correct site size

##Screenshots
image

Environment

  • Hugo Version: v0.55.6
  • Browser and Version: Chrome 75.0.3770.80
  • Platform: Desktop/Mobile
  • Link to Project: Private
@pacollins
Copy link
Owner

Can you check my site? I don't have this issue on my S10e.

Or can you link to a live version of your site?

@Jonasdero
Copy link
Author

It works on your site perfectly. 👍🏽
http://www.cryptoconsultant-blog.com

@pacollins
Copy link
Owner

pacollins commented Jun 9, 2019 via email

@Jonasdero
Copy link
Author

Thanks it is because of my font-size which I removed but somehow was still in the cache.

Is there a possibility to increase the font size without destroying the whole site?

@pacollins
Copy link
Owner

pacollins commented Jun 10, 2019

html {
    font-size: #em //This is the default unit. Works in my site when adjusting via Chrome Dev tools.
} 

The issue is the different parameters that are set to px like the flyout menus. If you want to experiment, feel free and if you find something that seems to work, I can adjust the scss (or if you want to make a PR).

Can I ask why you want the font larger throughout? Most of the base sizes are from HTML5 Boilerplate or Normalize.css.

I'm closing since the bug is null. Feel free to keep commenting though.

@weltruf
Copy link

weltruf commented Jun 11, 2020

i have the same issue. When viewed on mobile device then i see just part of the side or have to zoom out. I even returned back to the original config.tofl but it did not help. Seems to have something to do with the blogpost content itself. You can see this site of another guy who obviously has the same problem but seems not to have noticed it yet: https://jhonmanuncia.me/blog/

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants