Maintain Container Space for Mobile Devices

[curtisgazzaParticipant]

Good Afternoon,

I was wondering if there is a solution for keeping/maintaining the container space when the search bar is hidden on mobile devices?

If you are able to help me on this issue, that would be greatly appreciated.

Best Regards,
Curtis

[Ernest MarcinkoKeymaster]

Hi Curtis,

The container space is there, since the visibility is set to hidden on mobile devices.

I’m guessing you want more margin below the social icons? In that case change the custom CSS you are currently using to:

@media screen and (max-width: 837px) {
    .asp_main_container {
        visibility: hidden !important;
    }
    .social-icons-lists {
        margin-bottom: 20px !important;
    }
}

I’m not sure if this will work, but worth a try.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[curtisgazzaParticipant]

Thanks Ernest.

I’ve decided to remove the social icons, however now each time I refresh the the page, the search bar seems to jump very slightly.

If you are able to help out on this issue, that would be greatly appreciated.

Best Regards,
Curtis

[curtisgazzaParticipant]

Hi Ernest,

I’ve now seen that this problem is not attributed to Ajax Search Pro.

Thanks,
Curtis

[Author]

Posts