Social icons menu not visible on mobile | WordPress.org

Resolved mashupmom
(@mashupmom)

5 years, 3 months ago

Hi – I’m playing with the free Kale theme on a test site. I got the Social menu working and the icons display nicely on desktop, but on mobile they are hidden behind a drop down arrow. Is there a way to suppress that and have them auto display on mobile as well? I have them in the left header widget.

Viewing 4 replies - 1 through 4 (of 4 total)

TUT Support
(@phpexpert21)

5 years, 3 months ago

Hello @mashupmom,

Please share the site url so we can help you custom css as per the need.

Kind regards,

Manoj

Thread Starter mashupmom
(@mashupmom)

5 years, 3 months ago

Hi – It’s still a work in progress and at a temp URL, but: http://shuri17-001-site5.etempurl.com/

Thanks!
jarektheme
(@jarektheme)

5 years, 3 months ago
Hi @mashupmom,

Please go to Appearance → Customize → Additional CSS and add the following css:
```
@media (max-width: 767px) {
    .header-row-1 {
        max-height: none !important;
    }

    .header-row-1-toggle {
        display: none;
    }

    .header-row-1-left .menu-social-container {
        border: none !important;
    }
}
```
Hope that helps.

Best
Thread Starter mashupmom
(@mashupmom)

5 years, 3 months ago

Perfect! Thank you so very much.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Social icons menu not visible on mobile’ is closed to new replies.

Tags

mobile

In: Themes and Templates
4 replies
3 participants
Last reply from: mashupmom
Last activity: 5 years, 3 months ago
Status: resolved