Archived topic

Integrate ajax search lite

7 replies · Started by Henk on January 13, 2022

Viewing posts 1–8 of 8

January 13, 2022 at 12:15 pm #2079562

Hi,

Currently I'm using the plugin Ajax search lite.
The search button is now at the right of the main navigation menu items.

When I press the search button, the search box is left aligned how can I change that?
Further, to close the search box, the X is displayed at an unlogic place, how can I change that also?

Thanks,
Henk

January 13, 2022 at 12:31 pm #2079577

Hi Henk,

You can try this CSS for desktop:

div[id*='ajaxsearchlite'].wpdreams_asl_container {
    margin-left: auto;
    margin-right: 5%;
}

What's your plan for the mobile? Where do you want the search icon and close icon to be?

January 13, 2022 at 12:44 pm #2079586

Hi Ying,

Thanks, that works.
For mobile, good that you mentioned it, I forgot it almost...

Below the main menu?
Or do you have a better idea that's more visitor friendly?

January 13, 2022 at 12:50 pm #2079590

I think below the main menu is a good option, try this CSS:

@media (max-width: 768px) {
    div[id*='ajaxsearchlite'].wpdreams_asl_container {
        margin-top: 50px;
    }
}
@media (min-width: 769px) and (max-width:1024px) {
    div[id*='ajaxsearchlite'].wpdreams_asl_container {
        margin-top: 70px;
    }
}

Let me know :)

January 13, 2022 at 1:12 pm #2079602

Hi Yin,

Thanks.
Mobile works. For desktop I modified your CSS, but that doesn't work?!
Can you tell me what is miss?

@media (max-width: 768px) {
    div[id*='ajaxsearchlite'].wpdreams_asl_container {
        margin-top: 50px;
    }
}
@media (min-width: 769px) and (max-width:1024px) {
    div[id*='ajaxsearchlite'].wpdreams_asl_container {
        margin-top: 70px;
	margin-left: auto;
    margin-right: 5%;
    }
}

January 13, 2022 at 1:15 pm #2079607

Did you add this CSS as well for desktop?
https://generatepress.com/forums/topic/integrate-ajax-search-lite/#post-2079577


@media (min-width: 769px) and (max-width:1024px)

This is for tablet.

January 13, 2022 at 1:18 pm #2079611

Owwww, checked everything but I didn't see that part....

Thanks Yin.

January 13, 2022 at 1:19 pm #2079612

You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.