mobile ajax results same width as search box

Ivory Search › Forums › Support › mobile ajax results same width as search box

Tagged: 

Viewing 5 reply threads

You must be logged in to create new topic or reply to the topic.

  • Author
    Posts
    • July 22, 2020 at 4:34 AM #5325
      boyboyboy
      Participant
      • Topics: 1
      • Replies: 2

      hi,

      Great plugin btw.

      On mobile I would like to make the ajax search results the same width as the search box, which is set to 60% of the page width.

      Currently the results go right to the edge of the page.

      2nd question, can you make the whole menu item for each search result clickable / pressable to load the result, currently only clicking on the title or image will load the page, clicking the menu area does nothing.

      Thanks

      Attachments:
      You must be logged in to view attached files.
    • July 23, 2020 at 11:09 AM #5350
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      I hope you are well today and thank you for your questions.

      Could you please share the page URL from your site where it is displaying so that I can help you to achieve it?

      Best regards,
      Ivory Search Support

    • July 23, 2020 at 2:55 PM #5358
      boyboyboy
      Participant
      • Topics: 1
      • Replies: 2

      Hi the page URL is https://www.casinosistersite.co.uk/ thanks

    • July 23, 2020 at 9:29 PM #5364
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      
@media only screen and (max-width: 767px){
#is-ajax-search-result-23706 {
    max-width: 70%;
}
#is-ajax-search-result-23706 {
    left: 14% !important;
}
}

#is-ajax-search-result-23706 .right-section .is-title a {
    display: block;
    line-height: 60px;
    padding-left: 99px;
}

#is-ajax-search-result-23706 .is-search-sections .meta {
    display: none;
}

#is-ajax-search-result-23706 .is-ajax-search-post {
    padding: 0;
}

#is-ajax-search-result-23706 .thumbnail a {
    padding: 15px;
    display: block;
    float: left;
}
    • July 24, 2020 at 4:16 AM #5370
      boyboyboy
      Participant
      • Topics: 1
      • Replies: 2

      this worked perfectly, thank you!

    • July 24, 2020 at 3:14 PM #5375
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      You are always welcome, I’m glad I was able to help you with this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

      https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

      I’d really appreciate that. 🙂

      And if I can be of any further assistance please don’t hesitate to ask.

  • Author
    Posts
Viewing 5 reply threads

You must be logged in to create new topic or reply to the topic.