[Resolved] Move custom search bar under mobile header / site width issue

Home Forums Support Move custom search bar under mobile header / site width issue

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1263030
    Thomas

    Hi Tom, David and others 😉

    I’m building up an new Site for a friend of mine and it’s nearly done. But now there are some issues:

    1. I am using a custom search bar from a plugin called “WooEvents”. On the mobile version I want the search bar to be shown under the mobile header. (see image below)

    position of search bar

    2. There is a problem with the width of the mobile site (you can move the content a bit). I can’t find the problem. You have an idea?

    Thanks in advance.

    Cheers,
    Thomas

    #1263376
    David
    Staff
    Customer Support

    Hi there,

    Try this CSS to re-order the mobile header:

    @media(max-width: 768px) {
        .we-search-container {
            order: 5;
        }
        .woo-event-toolbar {
            padding-bottom: 0;
        }
    }
    #1263403
    Thomas

    Thanks David,

    works perfectly!

    Do you also have an idea what I could do about the wrong mobile width?

    #1263431
    David
    Staff
    Customer Support

    Sorry missed #2.
    Its the section with the Carousel thats causing the issue. Try this CSS to fix that:

    #generate-section-2.generate-sections-container {
        overflow-x: hidden;
    }
    #1263442
    Thomas

    Nailed it!

    Thanks so much – really the best support for any piece of software I bought so far 🙂

    #1263451
    David
    Staff
    Customer Support

    Awesome – glad we could be of help 🙂

    #1266489
    Thomas

    Hi David,

    got a new question 🙂

    Would it be possible, to replace the gp search in the header with my custom search from the wooevents plugin?

    #1266759
    Leo
    Staff
    Customer Support

    Any chance you can open a new topic for it?

    I’ll mark this one as resolved so you can start a new one.

    Thanks 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.