1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How do I have my logo showing when I scroll down?

Discussion in 'Basic Support Forum' started by Remy Medranda, Jul 9, 2019.

  1. Remy Medranda

    Remy Medranda Member

    When I scroll down on page tsmaquatics.com the logo disappears. How do I add it back, and also how do I make that row a full row, and not be cut off like it is now?
     

    Attached Files:

    #1 Remy Medranda, Jul 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you wish to have whole desktop header stick to the screen, then go to the Section settings > Advanced > CSS Class & add free-sticky

    You can't have only the menu stick with the logo, as the logo is not part of the menu row. The only way is to stick the whole section.
     
    #2 Divi.Help Pro Support, Jul 9, 2019
  3. Remy Medranda

    Remy Medranda Member

    Here's what I want to do. I don't want both sections to be sticky.

    I want to add logo only to sticky on left side of the menu.

    Also advice how I would make the full row 1 complete color?

    Please advise how I would do this.
     
    #3 Remy Medranda, Jul 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To make the sticky menu full row 1 complete color, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    You can't have only the logo sticky on the left side of the menu, because the logo & menu is not in the same row.

    If you really need that, it will require quite a bunch of customization for a workaround:
    1. You will need to add another logo image inline with the menu module (using float CSS for both logo & menu to make them inline)
    2. Use custom CSS to hide it for non-sticky & only show it during sticky.
     
    #4 Divi.Help Pro Support, Jul 10, 2019
  5. Remy Medranda

    Remy Medranda Member

    Ok first part of problem is sort of solved. Sticky menu bar is now full width. It has a really awful switch when it changes from big size to smaller, not sure if you can suggest anything to improve that, like if it could fade or just anything nicer. Have a look at it if you wouldn't mind. https://tsmaquatics.com.

    So now what exactly do I need to do to add the logo on sticky menu now?

    Please elaborate for me step by step so I can get this done, and be finished with header.
     
    #5 Remy Medranda, Jul 10, 2019
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    One of the ways to add the logo is through jQuery. Try to add the below code in Divi > Theme Options > Integration > Body Code:
    Code:
    Log In or Sign Up to view this code.
    **Change YOUR LOGO URL to your own logo URL.

    Lastly, try to add the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **Do not delete the previous CSS.

    As for the bar switching full width, not possible to have any animation on that, because it's a position CSS switching.
     
    #6 Divi.Help Pro Support, Jul 10, 2019
  7. Remy Medranda

    Remy Medranda Member

    That sort of worked. But the logo is appearing huge centered.

    Is there a way I can just have it appear on left side of menu INSIDE the menu bar nice and small like normall sticky menu headers.

    Thanks you've been very helpful so far! Will make sure to leave a review for your plugin.
     

    Attached Files:

    #7 Remy Medranda, Jul 11, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Seems like you got it working already.
    And thanks for the review ;)
     
    #8 Divi.Help Pro Support, Jul 11, 2019
  9. Remy Medranda

    Remy Medranda Member

    Yes, I had my buddy who's a coder help me with the css.
     
    #9 Remy Medranda, Jul 17, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
(You must log in or sign up to post here.)