Widget area im mobilen Menü

Hey Christoph,

To show the header widget area only in mobile

1. Please add a widget area to the header http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
2. Drag and drop a text field into the Header widget area in Appearance > Widget > Header
3. Inside the text area add your content with in a div and a class name “only_mobile”.

<div class="only_mobile" > Header widget </div>

4. add the below css in quick CSS

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

Best regards,
Vinay

• This reply was modified 8 years ago by Vinay.