Docs

[Stefano]

Hello support,

I need to make the logo responsive for mobile and I don’t have any idea on how to tailor per my needs the CSS I found on other similar topics. Is there any generalized way to do it? Like, if I change my logo it will automatically adapt to mobile?

Thanks guys!

Stefano

[Christian]

Hey Stefano,

X is responsive out of the box and so is everything in it including the logo. Please give us the URL of your site so we could check your setup.

Thanks.

[Stefano]

Hello,

thetravelbakery.com

I also noticed that when I shrink down to mobile view, still it’s not true when I access from mobile devices. P.s. I tried on Windows Phone and Android.

Thanks!

[Joao]

Hi There,

Your site looks responsive on my mobile (also android).

Would you mind providing a mockup of how you would like your site in mobile?

Thanks

Joao

[Joao]

Hi There,

Your site looks responsive on my mobile (also android).

Would you mind providing a mockup of how you would like your site in mobile?

Thanks

Joao

[Stefano]

Hello Joao,

Please find attached. This is on Windows Phone. I checked on another Android and it also looks OK.

Thanks!

[Paul R]

Hi,

To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 979px) {
.x-brand img {
    width: 400px;
}
}

@media (max-width: 767px) {
.x-brand img {
    width: 300px;
}
}

@media (max-width: 480px) {
.x-brand img {
    width: 200px;
}
}

You may change the numbers to adjust the size.

Hope that helps

[Stefano]

Hi guys,

I put it on the CSS but it didn’t work. It gave the following:

Your curly brackets {} are imbalanced. Make sure there is a closing } for every opening {.
Imbalanced/unclosed character errors can be caused by content: “”; declarations. You may need to remove this or add it to a custom CSS file.

I checked the curly brackets and it seems everything is OK, so I don’t really know what the problem could be.

Thanks in advance

Stefano

[Joao]

Hi Stefano,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Stefano]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. We have logged in to your site. Regretfully we are seeing this:

Meanwhile, to make sure that the code we have given will work, please clear all your browser and plugin cache. You might also need to regenerate the minified version of the JS and CSS in your site. I’d recommend that you clear your caching plugin, and disable it during development. This can cause Customizer changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Hope this helps. Kindly let us know.

[Stefano]

Hey guys,

I deactivated Duo – this time for good. It should work now. I cleared the cache I think, if not please feel free to do it. You guys surely know better than me how to do it efficiently and effectively.

Thanks!

Stefano

[Rue Nel]

Hey Stefano,

Thanks for updating us in! The code given by Paul should have work. It appears that you are using SG CachePress, W3 Total Cache and SuperCacher. Please keep in mind that after doing every updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And since you are using SiteGround, could you please disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

[Stefano]

Hi guys,

I disabled the supercacher for both static and dynamic cache. I flushed everything I could, plus I deactivated the plugin you highlighted. Still the code doesn’t work when I add it to the custom CSS.

Thanks again for your patience.

Stefano

[Christopher]

Hi there,

Please disable autoptimize plugin, it’s caching your site. See the attachment.

Thanks.

[Author]

Posts