Question

我使用此代码将电话号码添加到我们的Storefront主题wordpress标题中，但是，我希望它隐藏在移动设备上。如何为元素提供ID，以便我可以使用CSS将其作为目标隐藏在移动设备上？

add_action( 'storefront_header', 'jk_storefront_header_content', 40 );
    function jk_storefront_header_content() { ?>
         <div style="clear: both; text-align: right;">
               Have questions about our products? <em>Give us a call:</em> <strong>0800 123 456</strong>
         </div>
     <?php
 }

我尝试了很多东西，但没有设法做到这一点。

非常感谢任何帮助！

艾米丽

Answer 1

给div一个Id

<div style="clear: both; text-align: right;" id="contact_phone">
Have questions about our products? <em>Give us a call:</em> 
<strong>0800 123 456</strong>
</div>

Answer 2

为id

添加class甚至更好的<div />属性

<div style="clear: both; text-align: right;" class="hidden-mobile">

给php代码一个ID来定位CSS

2 个答案: