Hello,

How can I achieve to show different image for each menu on the parallax breadcrumb image?

    super-mouse Hi

    That is background image set for the breadcrumb, if you want to have different image for different menu items, you can add class suffix for that page and define the new background for it.

    You go to Template Styles >> GK Creativity style >> Features tab >> add suffix for the menu item ID you want:

    For example, I add a class suffix called test, then use this custom css:

    .test #gkBreadcrumb {
        background-image: url('path/to/your/own/background/image/here');
    }

      Hello,
      Thank you for your quick reply. I already used the template and created new a custom css for a menu and I also placed the right item ID. but it doesn't work.

      This message is visible to Moderators only
      hidden content

      It seems that you misunderstood the idea, you should put menu class name into the suffix field only.

      Then add the css code:

      .menu #gkBreadcrumb { background-image: url('/images/menu_header.jpg');

      into the /css/override.css file

      I added for you 🙂

      Hello,

      Thank you for your support, I see it know but now the image it lost the parallax effect. And also it doesn't show the complete image

      Which parallax effect are you referring to?

      Could you share the URL of that page?

      a month later
      This message is visible to Moderators only
      hidden content
      7 days later

      Hi

      I checked this /about-us page and the image is showing there.

      Could you share the URL of page that doesn't show image?

      Write a Reply...
      You need to Login to view replies.