beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #738 from Aurorum/add/628-mobile-social-menu

Browse source 
Apostrophe 2: Offer an Option to Display a Mobile Social Menu
This commit is contained in:
Caroline Moore 2021-05-13 12:39:27 -04:00 committed by GitHub
commit 6402363810
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 39 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apostrophe-2/functions.php
View file

@ -330,6 +330,10 @@ function apostrophe_2_body_class( $classes ) {
$classes[] = 'apostrophe-2-no-sidebar';
}
if ( function_exists( 'jetpack_social_menu' ) && get_theme_mod( 'apostrophe_2_mobile_social' ) == 1 ) {
$classes[] = 'show-mobile-social-menu';
}
return $classes;
}
add_filter( 'body_class', 'apostrophe_2_body_class' );

18
apostrophe-2/inc/customizer.php
View file

@ -14,6 +14,24 @@ function apostrophe_2_customize_register( $wp_customize ) {
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
function apostrophe_2_sanitize_checkbox( $checked ){
return ( ( isset( $checked ) && true == $checked ) ? true : false );
}
if ( function_exists( 'jetpack_social_menu' ) ) {
$wp_customize->add_setting( 'apostrophe_2_mobile_social', array(
'capability' => 'edit_theme_options',
'transport' => 'refresh',
'sanitize_callback' => 'apostrophe_2_sanitize_checkbox',
) );
$wp_customize->add_control( 'apostrophe_2_mobile_social', array(
'type' => 'checkbox',
'section' => 'jetpack_content_options',
'label' => __( 'Display social menu on mobile devices', 'apostrophe-2' ),
) );
}
}
add_action( 'customize_register', 'apostrophe_2_customize_register' );

17
apostrophe-2/style.css
View file

@ -2691,6 +2691,7 @@ Primarily mobile devices and super-small tablets.
.main-navigation {
margin: 10px 0 20px;
position: relative;
}
.main-navigation .menu-toggle {
@ -2773,6 +2774,22 @@ Primarily mobile devices and super-small tablets.
.apostrophe-2-navigation .dropdown-toggle {
display: block;
}
/* Display the social menu if the user requests it */
.show-mobile-social-menu .jetpack-social-navigation {
display: block;
position: absolute;
top: 0;
right: 0;
height: 50px;
width: 80%;
}
.show-mobile-social-menu .jetpack-social-navigation ul li a {
margin-right: 10px;
padding: 0.75rem 0 1.5rem;
line-height: 45px;
}
/* Use a slightly smaller font size for titles */
h1 {