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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form