fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) How do i hide the default logo on screensize bigger then 1200px?

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29312

I'm currently working on a website with a sidebar >> left >> custom HTML where there is a round logo.
The default logo is visable on all sizes of the website, but i want to hide it above 1200 pixels wide, because then i get two logos.

You can find our website here

Please help me out :)
Last Edit: 9 months 3 weeks ago by APEXCreative.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29326

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

The site URL link is not working.

And you can hide it through the custom CSS.

www.w3schools.com/cssref/css3_pr_mediaquery.asp

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29334

The right link: website

I tried This but it's not working:
@media only screen and (max-width: 1199px) {
.logo-wrapper {         
display: none;
}
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29352

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Thanks for the correct site URL. I haven't found the custom code on your site.

So please use this method in order to add the custom CSS or SCSS.
How to add custom CSS or SCSS files
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29356

Hi chandandeep,

Thank you for your reply, because it didn't work i removed the code. I always put my custom CSS code in the custom area in the template. After reading your link, I also made a custom.css file with the code. I don't see any change unfortunately. Can you please help me out what i'm doing wrong?

I used this code:
@media only screen and (max-width: 1199px) {
.logo-wrapper {         
display: none;
}
Last Edit: 9 months 3 weeks ago by APEXCreative.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29357

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
@media's closing tag } is missing.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 3 weeks ago #29359

I used the extra } in the website, but i didn't post it correctly on this topic.
The logo is still visable and i don't see the custom code when i inspect the website :unsure:
@media only screen and (max-width: 1199px) {
.logo-wrapper {         
display: none;
}
}
Last Edit: 9 months 3 weeks ago by APEXCreative.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 2 weeks ago #29373

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

I checked your code is working. See the attachment.
www.screencast.com/t/kS8gEyI6eim

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 2 weeks ago #29381

I had to change the max-width to min-width, now it's working.
The administrator has disabled public write access.

How do i hide the default logo on screensize bigger then 1200px? 9 months 2 weeks ago #29385

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 2436
  • Thank you received: 218
  • Karma: 36
Ok so the problem is solved then?

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Time to create page: 0.480 seconds
Cron Job Starts