在 BigCartel Nova 主题上更改手机字体大小

Question

我正在为我的网站使用 Big Cartel Nova 主题。我想更改 header 链接的字体大小和 body 文本（产品描述）的移动屏幕。

在桌面电脑上，字体大小是完美的，但当我通过移动屏幕查看时，字体会自动调整为更大的字体。是否有我应该寻找或需要插入的特定 css 代码？

参考，请通过手机屏幕查看：

peppercosmetics.com

Answer 1

在您的浏览器中，如果您右键单击该页面，然后 select inspect/inspect 元素或类似元素，您可以查看 HTML 和 CSS您所在的页面。

您遇到的问题是以下代码，具体是 font-size 样式，位于 theme.css

的第 1938 行

@media screen and (max-width: 560px), screen and (max-device-width: 560px) and (orientation: landscape)
body {
    border: none;
    padding-bottom: 70px;
    font-size: 16px !important;
}

这适用于宽度不超过 560 像素的任何设备，任何超过正常宽度 font-size 的设备都适用。

在 BigCartel Nova 主题上更改手机字体大小

Changing font size for mobile on BigCartel Nova theme

css

bigcartel