Support ForumLogo too big on mobile device – Support Forum

Logo too big on mobile device

IshYoBoy — Sat, 24 Aug 2013 09:29:00 +0000

On mobile it’s not responsive to fit the rest of the design, so it’s taking up nearly the whole of the screen and I’m unable to scroll. This happens with no custom css added.

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Logo too big on mobile device

IshYoBoy — Sat, 24 Aug 2013 09:29:59 +0000

The logo can be controlled on smaller screens using a few lines of CSS which can be entered in the “Custom CSS Styles” field under Creolio Options. E.g.:

@media (max-width: 768px) {
	header .col4 img {
		width: 75px !important;
		height: auto;
	}
}

@media (max-width: 768px) {

header .col4 img {

width: 75px !important;

height: auto;

}

You can add any styles that are needed to tweak it to your needs.
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Logo too big on mobile device

IshYoBoy — Sat, 24 Aug 2013 09:39:10 +0000

side_side:
Adding that code does nothing for the responsive aspect, and makes all fonts on the desktop default back from my custom choice? This is all without any other custom css by the way. Please advise and it’s not useable on a mobile as is.

Hi, make sure to use the “!important” for the width property. Also, please add this code at the complete end behind all other styles.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Logo too big on mobile device

side_side — Tue, 27 Aug 2013 09:42:12 +0000

Great thank you

Reply To: Logo too big on mobile device

IshYoBoy — Tue, 27 Aug 2013 11:29:30 +0000

Solved

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Logo too big on mobile device

piplipa — Thu, 12 Sep 2013 21:43:22 +0000

Hi there,
I have the same issue – however the CSS code that you posted is not doing the trick.
Do I need to change any of the code specifically? I am not experienced with CSS.
If you could provide any help it would be appreciated.

https://thatginger.com

-Alex

Reply To: Logo too big on mobile device

IshYoBoy — Mon, 16 Sep 2013 06:55:44 +0000

Hi,

First of all sorry for the longer response time. We were gone for the weekend to have a little rest. We see the CSS is in place and works just fine on your page. Please clear your browser’s cache memory as you might be still viewing the old CSS. Here’s a screenshot:

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Logo too big on mobile device

BrendaSarg — Mon, 16 Dec 2013 00:55:33 +0000

hmmm, I’ve tried adding that code to my child theme css and to the custom css, but it still loads huge? Can you help?

https://bondnutritioninc.com/

Reply To: Logo too big on mobile device

BrendaSarg — Mon, 16 Dec 2013 01:02:54 +0000

OH yeah, I’m using minicorp.

Reply To: Logo too big on mobile device

IshYoBoy — Tue, 17 Dec 2013 08:14:47 +0000

Hey,

Since the code is directly targeted for Creolio it will not work. But the idea is the same. Try to target the logo image using a css media query on small screens.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market