Help with several issues: logo distorting, titles cut off, email links, etc

[Dottino]

Hello,
1) the email links at top with the sharing icons on individual case studies don’t provide the link of the page in the body of the email that opens up, it just places a subject line in. These are portfolio items.
See here for example:

Home One: Landing (Draft)

If you click on the email icon it does what is described above.

2) The logo in the header on portrait mode on my iPhone is distorted, when you change to landscape it is fine. I uploaded so many different versions and sizes of the logo, not sure why it’s not working on this view.

3) In mobile view, in the top blue bar there is a small magnifying glass on the left side. It doesn’t do anything. It used to say Personal Shopper next to it, I took that out in theme options, but the magnifying glass remains. Can you get rid of it?

4) In portrait mode on mobile, some titles get cut off. It seems to be the items that are in text blocks and if you title the text block, it adds a horizontal line too which is fine. On a phone, the ones with longer titles get cut off, in landscape they are fine. A few examples of this are in some individual case studies, signature workshops and signature services.
View on phone:

Home One: Landing (Draft)

Signature Workshops

Signature Services

[David Martin – Support]

Hi,

1) Yes, that seems like a bug. Can you add your FTP details?

2) Can you screenshot that for me, I see you have added a retina logo and this is being used. Howver for me, it’s not blurred.

3) Theme Options => Header Options => Header Search => Search Disabled

4) Please test this custom CSS:

@media only screen and (max-width: 767px) {
h4.spb-heading, 
h3.spb-heading, 
h4.lined-heading {
	white-space: normal!important;;
	line-height: 150%!important;
}
}

Thanks.

[Dottino]

Thank you for your help.
1) Here is the ftp info:
http://www.dottinoconsulting.com
UN: q9u3u0y6
PW: Dcg2789#!
2) The logo is not blurred, it is distorted. It is condensed like its being squished. I will attach a screen shot from my phone of it in portrait mode and then one from landscape mode that is not distorted or squished so you can see the difference.
3) I do not want the main search to be disabled, only the little symbol that shows up on mobile on the left side in the blue bar. I want the search to remain in the main navigation. You can see the magnifying glass I am talking about in my screenshots too (upper left hand corner). I tried turning off the search like you said, but that only turned it off in desktop view. I do want to keep the main search though for both desktop and mobile.
4) Seems to have helped the titles. Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

1) I have fixed this on your site. For anyone else experiencing this, please add this to your child theme functions.php file:

	if ( !function_exists( 'sf_portfolio_social_links' ) ) {
		function sf_portfolio_social_links() {

			global $post;			
			$page_title = get_the_title();
			$page_permalink = get_the_permalink();
			$media_type = $media_image = '';
			 
			$use_thumb_content = sf_get_post_meta($post->ID, 'sf_thumbnail_content_main_detail', true);
			
			if ($use_thumb_content) {
			$media_type = sf_get_post_meta($post->ID, 'sf_thumbnail_type', true);
			$media_image = rwmb_meta('sf_thumbnail_image', 'type=image&size=full');
			} else {
			$media_type = sf_get_post_meta($post->ID, 'sf_detail_type', true);
			$media_image = rwmb_meta('sf_detail_image', 'type=image&size=full');
			}
			
			foreach ($media_image as $detail_image) {
				$media_image_url = $detail_image['url'];
				$share_image_url = $media_image_url;
				break;
			}
											
			if (!$media_image) {
				$media_image = get_post_thumbnail_id();
				$media_image_url = wp_get_attachment_url( $media_image, 'full' );
				$share_image_url = $media_image_url;
			}
			
		?>
			<div class="share-links clearfix">
				<ul class="bar-styling">
					<li class="sf-love">
						<div class="comments-likes">
						<?php if (function_exists( 'lip_love_it_link' )) {
							echo lip_love_it_link(get_the_ID(), '<i class="ss-heart"></i>', '<i class="ss-heart"></i>', false);
						} ?>
						</div>
					</li>
				    <li class="facebook"><a href="http://www.facebook.com/sharer.php?u=<?php echo $page_permalink; ?>" class="product_share_facebook" onclick="javascript:window.open(this.href,
				      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=220,width=600');return false;"><i class="fa-facebook"></i></a></li>
				    <li class="twitter"><a href="https://twitter.com/share?url=<?php echo $page_permalink; ?>&text=<?php echo urlencode(get_the_title()); ?>" onclick="javascript:window.open(this.href,
				      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=260,width=600');return false;" class="product_share_twitter"><i class="fa-twitter"></i></a></li>   
				    <li class="google-plus"><a href="https://plus.google.com/share?url=<?php echo $page_permalink; ?>" onclick="javascript:window.open(this.href,
				      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa-google-plus"></i></a></li>
				    <?php if ($share_image_url != "") { ?>
				    <li class="pinterest"><a href="//pinterest.com/pin/create/button/?url=<?php echo $page_permalink; ?>&media=<?php echo $share_image_url; ?>&description=<?php echo $page_title; ?>" onclick="javascript:window.open(this.href,
				      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=320,width=600');return false;" class="product_share_pinterest"><i class="fa-pinterest"></i></a></li>
				    <?php } else { ?>
				    <li class="pinterest"><a href="//pinterest.com/pin/create/button/?url=<?php echo $page_permalink; ?>&description=<?php echo $page_title; ?>" onclick="javascript:window.open(this.href,
				      '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=320,width=600');return false;" class="product_share_pinterest"><i class="fa-pinterest"></i></a></li>
				    <?php } ?>
				    <li class="mail"><a href="mailto:?subject=<?php echo urlencode(get_the_title()); ?>&body=<?php echo strip_tags(get_the_excerpt()); ?> <?php echo esc_url($page_permalink); ?>" class="product_share_email"><i class="ss-mail"></i></a></li>
				</ul>						
			</div>
		<?php }
	}

2) Please test this:

@media only screen and (max-width: 479px) {
	#logo img, 
	#logo img.retina {
		max-width: 200px;
		height: auto !important;
		min-height: initial !important;
	}
}

3) Please test this:

#top-bar a.swift-search-link {
    display: none;
}

[Dottino]

Everything is fixed.
Thank you so much!

[Rui Guerreiro – SUPPORT]

Glad it’s sorted. Thanks David
-Rui