台式机和移动设备的主题输出不同

时间:2019-05-08 作者:Karam Abo Ghalieh

我的wordpress网站eblog有一个RTL主题。elektrojo。com,它使用阿拉伯语。网站的一部分是使用woocommerce的商店,由于商品描述和详细信息是英文的,无法轻松翻译为阿拉伯语,因此我编辑了产品页面中各部分的模板,仅为LTR。

问题是:在笔记本电脑上,手机不会同时显示移动版和台式机版的更改,这正是我想要的。

如何检查移动视图的元素?(注意:使用chrome mobile view时,页面按我所需)

存储页面:eblog。elektrojo。com/商店

Mobile phone, not showing the changes

desktop chrome shows the changes

最后,我不是wordpress开发人员,只是一个普通用户

1 个回复
SO网友:twelvell

尝试使用Chrome开发工具-它内置了设备屏幕大小模拟器和许多其他有用的工具https://developers.google.com/web/tools/chrome-devtools/

要查看任何更改,请尝试清除浏览器缓存:

按:F12或Ctrl+Shift+I(或在Mac上按:Opt+Cmd+I)打开开发工具现在只需保持开发工具打开,右键单击或单击并按住地址栏旁边的加载按钮。现在,一个有点“隐藏的菜单”打开了

  • 选择:“空缓存和硬重载”

    相关推荐

    JQuery在加载时立即执行(一次按钮点击和更改css)

    我正在按照另一个线程将jQuery转到我的管理设置页面:https://stackoverflow.com/questions/28248113/jquery-is-not-defined-in-wordpress-but-my-script-is-enqueued-properly我的设置页面生成功能:function buildSettingsPage() { require \'views/newCouponForm.php\'; // pure html wp_e