Reseize Logo in scrolled-down header? - by Lars Schellhas

This topic has 8 replies, 3 voices, and was last updated 10 years, 1 months ago ago by Robert Hall

  • Avatar: Lars Schellhas
    Lars Schellhas
    Participant
    October 7, 2014 at 12:45

    Hello 8theme-Team,

    is there a possibility to reseize the logo in the header when you scroll down on my site http://www.leihes.de?

    When you first come to the side it´s good to see the logo in a bigger format, but if you scroll down you could use some more space for the content.
    So is it possible to change the size? Or to add an smaller version of the logo, which is loaded, when you scroll down?

    You did the same thing on your own page here, I just noticed.

    Regards,

    Lars Schellhas

    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 7, 2014 at 14:09

    Hello,

    Maybe provide link to the page where you saw this responsive for our better understanding.

    Regards,
    Robert Hall.

    Avatar: Lars Schellhas
    Lars Schellhas
    Participant
    October 7, 2014 at 15:02

    Your own. 8theme.com 😉
    It you are at the top the logo is big. It you scroll down its smaller 😉

    Avatar: Eva
    Eva Kemp
    Support staff
    October 7, 2014 at 15:20

    Hello,

    You can make bigger logo in the fixed header using this code in custom.css file:

    .fixed-header-area .fixed-header .logo-with-menu {
        width: 200px !important;
    }

    To create custom.css you need rename default.custom.css to custom.css via FTP in wp-content/themes/idstore directory and enable it in Theme Options > Custom CSS.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Lars Schellhas
    Lars Schellhas
    Participant
    October 7, 2014 at 18:36

    Hello Mrs. Kemp,

    thank you for your help, but your code does not really work..
    Especially because I wanted to make the logo in the fixed header smaller.

    Now I used the direct CSS-path of the logo by my browser. For me this works:
    body > div.wrapper > div.fixed-header-area.visible-desktop.fixed-already > div > div > div.span3.logo > a > img {width: 100px !important;}
    If you now have a look on my site, you probably understand what I meant.

    Regards,

    Lars Schellhas

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 7, 2014 at 18:40

    So, is your question solved?

    Regards,
    Robert Hall.

    Avatar: Lars Schellhas
    Lars Schellhas
    Participant
    October 7, 2014 at 20:06

    Yes. I just wanted to share the working information with you and all other.

    Regards, Lars

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 7, 2014 at 20:32

    Thank you for the feedback.
    We really appreciate it!

    Have a good day!

    Regards,
    Robert Hall.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Reseize Logo in scrolled-down header?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.