CSS script fixed Gillion logo on pc, but NOT mobile

Home Forums Gillion Theme CSS script fixed Gillion logo on pc, but NOT mobile

Home Forums Gillion Theme CSS script fixed Gillion logo on pc, but NOT mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • [email protected]
    Participant

    I copy/pasted the Gillion header logo-removal fix css script, and it fixed it appearing on the my PC’s desktop (Chrome & Firefox), but it still shows up on my Android phone.

    http://www.dnlcomponents.com

    What am I doing wrong?

    …btw, I fought the Invictus theme for 5 days before I switched to the Gillion, which I love.

    Also, I had to back-door the replacement header logo, and it gets cropped no matter how I tried to resize the image (or canvas) in Photoshop.  If there’s a way to get it to replace that clean Gillion logo, I’d love to know how/where to do it, and what size to to make it…thx!

    Lastly, I uploaded a faded monochrome .jpg for a page background, but no matter how I try to make it appear, the pages don’t show it…any suggestions?

    TIA,

    Ed

    Shufflehound
    Moderator

    Hi there,

     

    Sorry for our late response.

     

    Can you please let us know which CSS script did you add?

    It seems that there might be an issue with it.

     

    Also, we can see that there are a lot of custom modifications for the logo as it seems that you have a custom background image as the logo instead of images. Is there a reason for that?

     

    Best regards,

    Shufflehound team

    [email protected]
    Participant

    Thanks!…no worries, it’s the holidays.

    Since I posted my concerns, I’ve figured some of it out.

    The logo at the top of the pages is still small, though.  This, no matter how much I try to resize the image and/or the white canvas it’s on.  All the modifications you mentioned were probably the result of me trying to get it a decent size in the header.

    Last night, I did a HUGE cleaning of old/unused Media that was uploaded during the previous theme attempt (Invictus) and carried over during the Gillion installation, and things DID seem to work more smoothly.

    In fact, after the cleaning, I thought about using the header logo uploads again, and they worked!…albeit with the tiny logo mentioned.  BUT, at least the gillion logo was replaced.  🙂

    I’ll try to find where you mention that the custom background image is as the logo…any hints?

    Early on, I pasted the script below via the WP links across the top at Gillion Settings>Customize>Custom CSS/JS>CSS Code box.

    Thanks!

     

    body {

    }

    @media (min-width: 600px){
    #page-container .header-logo img {
    visibility: hidden;
    }
    }

    @media (max-width: 600px){
    #page-container .sh-header-mobile-navigation {
    background-image: none;
    }
    }

    Shufflehound
    Moderator

    Sure, so we saw that your website uses this background image – https://dnlcomponents.com/wp-content/uploads/2022/12/DNL-HeaderSmallerLogo.jpg

    It seems that it is added under Gillion Settings > Styling > Header > Background Image. We would recommend removing it (one of the reasons it is not very responsive in some screen sizes) and the custom CSS for your website. Then we would be able to see the main logo image and then we could add adjustments.

     

    Also, if needed we can also offer to login into your website and help customize the logos

Viewing 4 posts - 1 through 4 (of 4 total)