Responsive: Follow buttons not available

Daniel Silva
asked 9 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 9 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 !