[Bug] Settings screen too wide on iPhone

[DandyLyons]

Platform

[x] iOS
[ ] Android

Obsidian Mobile version: v1.0.5

---

When I try to use the “Settings” screen it is unusable because the screen is so wide that all of the buttons are off-screen on the lefthand side.

[DandyLyons]

I just realized that I have a CSS snippet that may or may not be causing my problem. This is the only CSS snippet I have enabled:

.markdown-source-view, .markdown-preview-view {
max-width: 1200px;
margin: auto;
}

I don’t know much CSS, so please let me know if I need to change anything here.

[DandyLyons]

I don’t think that the problem is the CSS snippet. Because it still happens when I turn off the CSS snippet.

[Craftidore]

This sounds like a theme issue. Are you using a non-default Obsidian Theme?

[DandyLyons]

Thank you. That was the problem. I’m using the “Cybertron” theme and when I reverted back to the default Obsidian theme then it was fixed.

I looked into the “Cybertron.css” file and found this line:

/*settings pop-up*/
.modal {
  background-color: var(--background-primary);
  border-radius: 4px;
  border: 1px solid var(--background-primary);
  box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
  padding: 30px 50px;
  position: relative;
  min-width: 560px; /*👈 This line*/
  }

I suspect that min-width: 560px was forcing the settings window to be too large but I’m not sure. For some reason, the Cybertron is correctly working now and is no longer too wide.