New Landing How can we help? Atelier Small problems

Viewing 10 posts - 1 through 10 (of 10 total)
  • Posted in: Atelier
  • #330742
    trelam
    Member
    Post count: 74

    Hi!

    Could you please help with delete paddings between search field and button on the site? I would like to stick them together with no gap.
    I have tried for a long time but I just couldn’t.

    Also on this column doesn’t work mobile visibility. It is set to Hide on phone and tablet but is visible all the time.
    What could be a reason?

    Thanks in advance,
    Marcin

    Attachments:
    You must be logged in to view attached files.
    #330768
    David Martin – Support
    Moderator
    Post count: 20834

    Please add this to Theme Options => Custom CSS:

    .flexbox .spb-column-container.col-sm-6 {
        width: 42%;
        margin: 0 auto;
    }
    .spb_search_widget.spb_content_element.col-sm-9.searchfield {
        width: 75%!important;
        margin-right: 0;
        padding-right: 0;
    }
    .spb_button.spb_content_element.col-sm-3.home-search-button {
      padding-left: 0;
    }
    .home-search-button a.sf-button {
      float:left;
      margin-right: 0;
    }
    #330772
    trelam
    Member
    Post count: 74

    Works perfect! Great, thanks!

    What about responsive visibility? Why it sometimes doesn’t work?

    #330775
    David Martin – Support
    Moderator
    Post count: 20834

    I do not see any code to do that. But this would:

    @media only screen and (max-width: 767px) {
    .searchbar {
        display: none !important;
    }
    }
    #330776
    trelam
    Member
    Post count: 74

    I mean the column asset option: Responsive visibility.
    For column with searchbar is turn on: Hide on tablet and phone
    but it isn’t hidden.

    Attachments:
    You must be logged in to view attached files.
    #330908
    David Martin – Support
    Moderator
    Post count: 20834

    Hi

    This looks to be a bug on the Column – I can replicate locally using the below test:

    To confirm this: If you remove your custom class searchbar from the column save the page, the responsive visibility should then work. – Please confirm you also see this.

    I’ll assign this to the team for investigation and fix in the next update.

    Thanks.

    #330917
    trelam
    Member
    Post count: 74

    Hi David,

    Yes, when I remove .searchbar from the column, respons. visibli. works normally.

    No problem, I can wait for fix in update. Could it be becouse of the custom JS code for the buttom from you?

    #330921
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Glad to help you out. It’s logged for fix currently.

    No, it is not related to the JS you mention as I can replicate locally the bug also.

    Thanks,
    David.

    #330928
    trelam
    Member
    Post count: 74

    Great, thank you.

    #330929
    David Martin – Support
    Moderator
    Post count: 20834

    Happy to help, the fix has been added and will be in the next release.

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

You must be logged in to reply to this topic.