[Resolved] Sticky & mobile logo

  • Author
    Posts
  • #3863

    LiSkynden
    Participant

    Hey, is there any way to use a different logo on mobile, and on sticky header (when scrolling down)?

    #3864

    Andrew Misplon
    Keymaster

    Hi LiSkynden

    Thanks for reaching out.

    I should be able to assist with this task. It isn’t possible from within the theme settings but is possible with a little custom development. I’ll do my best to get back to you tomorrow with a solution.

    #3866

    LiSkynden
    Participant

    Thanks Andrew. Here’s the website if you need it:

    KOTISIVU

    #3921

    Andrew Misplon
    Keymaster

    Hi πŸ™‚ Are you using a child theme already?

    #3922

    LiSkynden
    Participant

    Erm … nope. Is that a problem? :/
    I have been using WP only a short while now so i only edit with CSS.

    #3924

    Andrew Misplon
    Keymaster

    Apologies, you did supply a URL so I can check that for myself. Not sure where your coding level is at, but here is the child theme, ver. 01.

    https://purothemes.com/wp-content/uploads/2016/06/ultra-child-liskynden-01.zip

    Once unzipped, the following URL’s need changing:

    functions.php: line 21 (sticky logo)
    header.php: line 35 (mobile logo)

    You’ll see my placeholder URL there from testing, those need to be your image URL’s. Let me know if you’re able to do this change, if not I will supply further instructions.

    Keep in mind that, unfortunately, installing a child theme will reset Menu Location settings and Customizer settings. There isn’t any easy way around this. It’ll mean a bit of reset work. I usually open the Customizer Theme Design section in one tab and install the child theme in another so I can manually copy settings over. Hopefully, in the future we’ll have a better of handling this transition.

    #3925

    Andrew Misplon
    Keymaster

    The image URL’s should ideally come from your Media Library, you can get a URL by editing the image and copying the URL from the right column meta box.

    You could do things like this:

    1. Download ZIP to your desktop.
    2. Install child theme ZIP from Appearance > Themes > Add New > Upload Theme.
    3. You might want to put the site into maintenance mode using WP Maintenance Mode plugin.
    4. With the child theme activated, go to Appearance > Editor and make the changes to the lines I described above.

    #3926

    LiSkynden
    Participant

    Hey, thank you so much. Great instructions πŸ™‚ You have been very helpfull. I think i can manage this … but as being a WP noob, lol, i have to ask: does this change anything in the layout or other things?

    A few times i tried to find out about how to make child themes but i havent have enough time.

    Anyway, i will let you know tomorrow if i succeed with this.

    #3927

    Andrew Misplon
    Keymaster

    For sure πŸ™‚

    Yes, it will. Activating a child theme will completely reset Appearance > Customize > Theme Design and Appearance > Menus > Menu Locations. My previous tip was about this issue:

    There isn’t any easy way around this. It’ll mean a bit of reset work. I usually open the Customizer Theme Design section in one tab and install the child theme in another so I can manually copy settings over. Hopefully, in the future we’ll have a better of handling this transition.

    #3928

    LiSkynden
    Participant

    oops, sorry i didnt read the last post that carefully πŸ˜€

    I will test this on my testing site, which is a clone from the online version, or more like other way around but anyway.. Maybe i wll learn something at the same time πŸ™‚

    Thank you.

    #3929

    Andrew Misplon
    Keymaster

    No problem πŸ™‚ Chat then.

    #3957

    LiSkynden
    Participant

    Hey this was actually pretty simple and easy with your instructions πŸ˜€ I tested it on the testing site, and it didnt mess up anything … maybe i havent done that much in the “Customizer ” area.

    Take a look
    http://www.testailu1.salonrakennuspelti.fi/

    Hey, i’m not sure if you are in the devepoer team, and i dont know how bug job it would be, but this could be a great update to the theme. (maybe one of the a pro version options) I mean putting this option so that a noobs like me could just change the mobile and sticky logos in the “Customizer ” area.
    I have seen at least one theme that has an option for “sticky” logo … I think it was the Press Customizr

    Home

    Anyway, A BIG thank you to you Andrew πŸ™‚

    #3958

    Andrew Misplon
    Keymaster

    Thanks for your feedback. A sticky logo setting is a great idea. I’m really glad to hear the changes helped.

    All the best with your site πŸ™‚

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

You must be logged in to reply to this topic.

Scroll to top