Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter SpiritualTravel

    (@spiritualtravel)

    I found a snippet code! Thank you Dave Bardell!
    However, how can I manipulate the size of the logo?

    I’ve tried changing the code from 100% to 50% but it won’t change. Also tried resizing my logo image then re-upload but no change either. Thoughts?!

    /* START OF Adjust 3.2 Sticky Header */
    
    /* Remove Transparency */
    /* This can be more easily done using Customize>Header>Design & Layout>Sticky header : semi-transparent on scroll = UNCHECK */
    .sticky-enabled .tc-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    }
    
    /* Remove Transparency / Add a border */
    .sticky-enabled .tc-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    border-bottom: 2px solid red; /* Adjust border|border-top|border-right|border-left & settings */
    }
    
    /* Stop Logo Size Reduction */
    /* This can be more easily done using Customize>Header>Design & Layout>Sticky header : shrink title / logo = UNCHECK */
    .sticky-enabled .tc-shrink-on .site-logo img {
    height: 100% !important;
    }
    
    /* END OF Adjust 3.2 Sticky Header */

    Hello,

    It seems you have added this in your Custom CSS:

    .sticky-enabled .tc-shrink-on .site-logo img {
        height: 30px !important;
        width: auto !important;
    }

    Replace the 30px to 100px or so for adjusting that.

    Thank you.

    Thread Starter SpiritualTravel

    (@spiritualtravel)

    Hi Jitendra,

    My week is off to an excellent start – all THANKS to you!!

    Thank you for helping me fix these items!!

    Hope you have an amazing week ahead!!
    Cheers!

    You are welcome. 🙂

    Well that’s an option in Appearance -> Customize -> Header -> Design and Layout
    Sticky header : shrink title / logo

    Uncheck that and you will not have the logo shrunk when you scroll the page.

    Hello,

    I have not tried the theme. So I only referring to the CSS used there. It is nice to have a theme option there.

    Thread Starter SpiritualTravel

    (@spiritualtravel)

    Actually, I did not see that check box for the sticky menu. So I needed the codes as Jitendra provided. Also, it is better that I can control the size of the logo without resizing my image.

    It’s all good guys.
    Cheers.

    Hi Jitendra,
    your solution was fine indeed, I was just telling SpiritualTravel that there was an option to avoid the logo shrinking 😀

    SpiritualTravel,
    yes is good you can controlo the size of the logo, that option just allow you to shrink or not the logo, which I thought was your goal reading the topic title 😀

    Cheers

    No Problem.

    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Sticky Logo – too small, how to fix?!’ is closed to new replies.