[Bug] Settings screen too wide on iPhone


[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.

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.

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

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

1 Like

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.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.