Https://sandbox.yext.com/s/2521466/landingpages/26273/edit

Pages
1

https://sandbox.yext.com/s/2521466/landingpages/26273/edit

I have created a search bar using HTML module(page builder) in my playground account. When the HTML module is open in page builder, everything is working fine.

Screenshot (5)
Screenshot (5)1920Ă—1080 212 KB

But the moment I close the HTML module, search bar is not working even the mouse pointer changes from text selector to hand icon while hovering over the search bar. This issue is coming even in the page preview.

Screenshot (8)
Screenshot (8)1920Ă—1080 190 KB

2

hey @Adnan_Khan, your Results page looks great. I’m impressed! The reason why your search bar is not clickable is due to the fact that your header module is overlapping in front of it. If you inspect the page, you’ll see some extra padding on the brand logo:

image
image3360Ă—1824 740 KB

To remove this, please comment out or delete lines 39-41 in the Navigation Bar with Answers Search Bar module’s CSS:

  &-brand {
    padding: 6.5rem;
  }

image
image3350Ă—1628 324 KB

Please let me know if you have any follow-up questions!

1 Like
3

Hi @Sam_Torres, Thanks for the feedback! It’s working fine now.
I am facing another issue. In my intent page search bar https://sandbox.yext.com/s/2521466/landingpages/25337/edit?uep={“entities”%3A[6902932]}
hardcoded prompts, promptHeader and search text is not showing up but they are showing up for my result page. Do I need to configure them somewhere again?
Thanks!

4

hey @Adnan_Khan, no problem! You will want to select your Answers experience within the Navigation Bar with Answers Search Bar module:

image
image3336Ă—1270 346 KB

Additionally, you will want to make sure your Answers experience labels are up-to-date (if you select “STAGING” when adding the experience to your page’s search bar module, then no action is needed here because STAGING is on the latest backend configuration):

https://sandbox.yext.com/s/2521466/answers/experiences/configuration/cmcu/labels

Sam

5

Thanks again @Sam_Torres It working fine now.
I got another issue. :slight_smile:
I added a hardcoded banner and styled CTAs in my answers experience , they are working fine when I preview from code editor.(https://sandbox.yext.com/s/2521466/sitesgit/r/7067/b/master/files/)

withstyle
withstyle1061Ă—808 44.3 KB

But when I launch the result page from staging environment URL (https://2521466_landingpagessbx_yextengtest_com.sbx.yextpages.net/) the styling loses it’s effect.

withoutstyle
withoutstyle1490Ă—699 52.5 KB

Thanks!

6

Hey @Adnan_Khan - great to hear :grinning:

For the styling concern on your banner, I think you just need to give your page a hard refresh. I have no issues seeing the banner with styling on my side with your staging URL:

image
image1458Ă—738 62.3 KB

If you are not able to see the styling after a hard refresh, I would recommend triggering another publish for your Site.

Keep me posted,
Sam