¥
悬赏已过期 后悬赏过期

Elementor手机视图把两列改成单列后,桌面端也跟着变了,怎么只改移动端?

邀请:

我在用 Elementor Pro 做一个外贸站的联系我们页面,左侧放公司介绍和几个联系信息,右侧放 Form 组件的询盘表单。桌面端预览没问题,两列并排看着挺整齐。

切到编辑器底部的手机图标后,我发现表单被挤得很窄,输入框里的占位文字换行,提交按钮也变得很小,手指不好点。我的操作是:在手机视图下直接拖动列结构的宽度,把右侧那一列拉成 100%,又在样式面板里把内边距调小了一点。结果回到桌面视图一看,桌面端也变成上下堆叠了,右边的表单跑到了文字下面,整个版面乱掉。

我试着把宽度改回去,但两边互相影响,怎么调都只能顾一头;也试过在高级设置里加自定义 CSS,但不确定该写哪个选择器,怕写到全局把别的页面一起改掉。现在的问题是:怎么才能在手机断点下单独把两列变成单列、把按钮改成整行且高度足够,同时完全不影响桌面端的布局?

另外想确认一下,列宽和间距这类改动,是不是一定要点开对应设备图标之后再调才会只作用于当前断点?如果列结构本身没法用断点分开控制,是不是应该换成内层 section 或容器来做?希望有实际操作过的朋友给个明确顺序。

您的回答

回答

默认排序 时间排序
图片审查中...
❯
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索