Site Title and Logo not responsive

Hi!

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

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

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.

https://nysenvirothon.com/

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.

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 https://wp-puzzle.com/docs/basic/actions-reference.html)

• This reply was modified 8 years ago by WP Puzzle.

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.