You can display additional content below the mobile menu via a widget area:
Appearance > Widgets > Mobile Extra
This takes the place of the secondary menu on desktop. It’s more flexible as you can include any kind of mobile specific content, including a link to a phone number which a visitor can tap to ring.
The mobile extras widget area uses a regular Text widget. The HTML content of this widget, as it appears on the main theme demo, is as follows.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<h4>Browse</h4> <ul> <li><a href="#">My Account</a></li> <li><a href="#">Customer Help</a></li> </ul> <h4>Want to chat?</h4> <a href="tel:1-789-2000">Call us toll free +1 789 2000</a> <h4>Social</h4> <ul> <li><a href="#">Facebook</a></li> <li><a href="#">Twitter</a></li> <li><a href="#">Instagram</a></li> </ul> |
The theme demo also includes an example of a review which you could put in this space.
To include one, you would add another Text widget. Switch to the Text tab and paste in the following HTML.
|
1 2 3 |
<div class="review">Will never stop wearing these!! By far the most comfortable clothes label I've ever worn. Perfect for long travels! <strong>Jennifer G. </strong><a class="button" href="#">Shop now</a></div> |
Ensure that you tweak the content and replace the # link with a link to your own ‘Shop’ page.
