Okay
  Public Ticket #1557613
Menu Skin Colour Change
Closed

Comments

  •  1
    Katherine started the conversation

    Hi Laborator,

    I hope this finds you well.

    I am getting in contact with you today to request some assistance with changing the menu skin per section. I have been following your guidelines from this video https://documentation.laborator.co/kb/kalium/switching-logo-on-sections/

    Unfortunately, my menu does not change from black to white. 

    I hope you are able to help me with this, as I would like to apply this across the website. 

    I look forward to hearing from you.


    Kind regards

    Jamie

  •  1,559
    Laborator replied

    Hi Jamie,

    Are you trying to change the menu color on the whole site or just on sections, sections are rows of a specific page when you scroll down or up.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Katherine replied

    Hi Art,

    Thank you for getting back to me. I am wanting to change the the menu for specific sections on pages where the background is white. As the default menu skin is white, the menu does not appear on the sections that have a white background. 

    I am wanting to have the skin transition from default to black on the sections that have a white background. 

    As you will see from this page, the menu is no visible on the white background. https://www.kodastudios.com/bespoke-furniture-makers/

    I look forward to hearing from you.


    Kind regards

    Katherine

  •  1,559
    Laborator replied

    Hi Katherine,

    I've renamed the row ID's as they were using spaces, invalid characters and they were case sensitive which are not supported for naming an ID or a class. 

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    Katherine replied

    Hi Art,

    Thank you for your help. We decided to change the main menu skin to be solid white after scrolling. We are really happy with it on the desktop. The size of the menu before scrolling and after match size, which is great.

    However on mobile, after scrolling the logo size almost doubles. Is there any way to set the static menu size for mobile and desktop differently? 

    Thank you for all your help. I look forward to hearing from you.


    Kind regards

    Katherine 

  •  1,559
    Laborator replied

    Hi Katherine,

    I have added some extra CSS in Custom CSS > Responsive > Extra Small and it will be applied only in mobile phones, the logo is 100px when the sticky menu is activated.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group