Maintain Container Space for Mobile Devices

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Maintain Container Space for Mobile Devices

This topic contains 3 replies, has 2 voices, and was last updated by curtisgazza curtisgazza 7 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10073
    curtisgazza
    curtisgazza
    Participant

    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

    #10090
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


    #10104
    curtisgazza
    curtisgazza
    Participant

    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

    #10105
    curtisgazza
    curtisgazza
    Participant

    Hi Ernest,

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

    Thanks,
    Curtis

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Maintain Container Space for Mobile Devices’ is closed to new replies.