Responsive: Follow buttons not available

Daniel Silva
asked 10 years ago

Hi,

Is it possible to have the follow buttons (that are next to the main menu in wide screens) available in the responsive version? How can I implement that?

Thank you and best regards,
Daniel

1 Answers

DominicStaff
answered 10 years ago

If you want the follow button available in the responsive version, you can open the \wp-content\themes\dw-focus\header.php file and add the following code under line 87.

<button class="btn btn-default dropdown-toggle social-link visible-xs visible-sm" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2" style="left: auto; right: 40px; top: 38px;">
<?php dw_focus_social_links(); ?>
</ul>

See the screenshot: http://prntscr.com/887mgu

Then add the following code to the style.css file:

.site-navigation .social-link {
    border: none;
    left: auto;
    right: 40px;
    top: 0;
    height: 40px;
    position: absolute;
}
.site-navigation .btn {
    padding: 9px 16px;
}
.site-navigation .dropdown-menu .nav>li {
    float: left;
}

Hope this helps !