Site Title and Logo not responsive

  • maxinerappleby

    (@maxinerappleby)


    9 years, 7 months ago

    Hi there – Your theme is great but the site title and logo are not responsive. Is there a snippet of code I can use? Ideally they should minify and align center.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author WP Puzzle

    (@wppuzzle)

    9 years, 7 months ago

    Hi!

    Site title, logo and description are aligned to center on small screens
    basic mobile

    Can you show your site? Sometimes theme styles overwritten by plugins

    Thread Starter maxinerappleby

    (@maxinerappleby)

    9 years, 7 months ago

    Thank you! On my mobile device (I phone)the text and logo only shrink in landscape. Ideally they should align center and compress. Here is the site.

    http://nysenvirothon.com/

    Thread Starter maxinerappleby

    (@maxinerappleby)

    9 years, 7 months ago

    I was able to find some code and fix it, not perfect but still working on it 🙂 The only other item is adding a search to the header or a very top bar.

    Theme Author WP Puzzle

    (@wppuzzle)

    9 years, 7 months ago

    You can try add this snippet to Custom styles field at Appearence -> Customuize -> Custom codes:

    
@media screen and (max-width: 1024px ){
.sitetitle.left .custom-logo,.sitetitle.right .custom-logo,.sitetitle .custom-logo {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}

    Use next snippet to add search at some place:

    
function themeslug_show_search(){
    	?>
	<div class="mysearch maxwidth clearfix">
		<?php echo get_search_form(); ?>
	</div>
	<?php

}
add_action('basic_after_topnav', 'themeslug_show_search' );

    You can replace basic_after_topnav on another action name (check out one here http://wp-puzzle.com/docs/basic/actions-reference.html)

    • This reply was modified 9 years, 7 months ago by WP Puzzle.
    recoil9

    (@recoil9)

    9 years, 7 months ago

    I’m having same problem with viewing on mobile device.
    The drop down menu covers the header image and header image doesn’t resize in portrait mode.
    If I hit preview it sometimes displays properly. If I view live in device is a mess.

    ANY help please. Thank you.

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

The topic ‘Site Title and Logo not responsive’ is closed to new replies.