Home New Guten › Forums › WoodMart support forum › How do I edit the design of the footer area on the mobile site?

How do I edit the design of the footer area on the mobile site?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 10, 2018 at 11:37 am #81927

    SONICON
    Participant

    How do I edit the design of the footer area on the mobile site?

    Attachments:
    You must be logged in to view attached files.
    October 10, 2018 at 11:59 am #81936

    Elise Noromit
    Member

    Hello,

    You have added the HTML block containing full-width and full-height row which overlays the header content. https://prnt.sc/l4ehll

    Disable full-width and full-height for the row and configure it in the way not overlapping the header content.

    Best Regards

    October 10, 2018 at 12:36 pm #81966

    SONICON
    Participant

    have improved, thank you. But I want the search button to cover that area. how can I do it?

    October 10, 2018 at 2:27 pm #82006

    SONICON
    Participant

    can you help me please?

    October 10, 2018 at 2:27 pm #82007

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS: 

    .whb-header-bottom .whb-col-mobile .whb-html-block-element {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.whb-header-bottom .whb-col-mobile .whb-html-block-element > p {
    display: none;
}
.whb-header-bottom .whb-col-mobile .whb-html-block-element .woodmart-vc-ajax-search {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

    Best Regards

    October 10, 2018 at 2:37 pm #82013

    SONICON
    Participant

    thank you.

    October 10, 2018 at 4:58 pm #82035

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How do I edit the design of the footer area on the mobile site?’ is closed to new replies.