Logo in mobile and tablet

[fuzzfox]

Hi there,

When I look at my website on my iPhone, the logo is huge and covers the video slider. On the tablet it also looks too big, although not as bad. It displays fine on desktop. Is there a way to make the logo change size on different devices?

Thanks very much!

[FocuxTheme Support]

Hi

I decreased the logo size by the following CSS in the style.css of the child theme.

@media(max-width:960px){
#logo a{background-size: 70% auto !important;}
}

[fuzzfox]

Thank you – I did already decrease the logo size a little so it didn’t look odd on mobile (originally I wanted the logo larger on desktop but I had to decrease the size so it wasn’t too big on mobile).

On mobile and tablet it is appearing in-between left and centre, rather than either left or centre, which looks odd.

So is there actually a way of having a larger logo on desktop and smaller on mobile or is it fixed size?

If it’s fixed size, is there a way to move the logo so it appears on mobile and tablet either left or centre rather than somewhere inbetween the two?

Thanks so much.

[FocuxTheme Support]

Hi

I adjusted the LOGO position and size by the following custom CSS, you can find it via Appearance > Edit.

/* LOGO ON MOBILE DEVICES */
@media(max-width:960px){
    #logo a{
		background-size: 70% auto !important;
		height:70px !important;
		background-position: -40px center !important;
	}
}
@media(max-width:767px){
	#logo a{margin-top:10px !important;}
}

I use background-size to control the LOGO size and background-position: x y for LOGO position. So, if you can decrease by 70%, the lOGO size will be decreased on the mobile size.

[fuzzfox]

I tried changing the 70% and the other parameters and it doesn’t change the size or position of the logo. I even tried removing the code and when I saved it the logo still looked the same. I’ve put it back in there now. Any ideas what I’m doing wrong?

Thanks

[fuzzfox]

P.S. Could you also please tell me how to remove the previous post/next post text at the bottom of single posts? Thanks.

[FocuxTheme Support]

After you adjust those values, have you cleared the browser cache when refreshing the page?

Please copy single.php to your child theme, find the following codes

 
 
             '.__('« Previous Post','Samsara').' %link'); ?>
             '.__('Next Post »','Samsara').'%link'); ?> 

Change to

 
             %link'); ?>
             %link'); ?> 

[Author]

Posts