Footer and Search box responsive

  • laksha2804

    (@laksha2804)


    3 months ago

    Hello, how do I make footer responsive when viewing on mobile?

    Also I want to make search box which is in my header go inside the hamburger menu when viewing on mobile. Currently all navigation menu becomes hamburger, which is correct, but the search bar remains at the top.

    https://imgur.com/rlJcdKS

Viewing 2 replies - 1 through 2 (of 2 total)
  • gowinda

    (@gowinda)

    to create responsive footer, there are some things you might need to consider.

    1. make sure when you edit the page, it is on mobile mode. look fr device mode in top right corner of the editor page.
    2. some styles can be changed responsively and some cannot. to know which can be styled responsively, check for the device icon on the left of the option. if there is a device icon, that means the style can be changed responsively.
    3. the responsive option has 2 breakpoints, which are tablet and mobile. you can change the value of the breakpoint by going to Gutenverse Dashboard > settings > responsive breakpoints.
    4. if you think some sections are better to not be shown on mobile or vice versa, you can select that section go to the settings panel, and find the display option.

    here is a video for reference:

    gowinda

    (@gowinda)

    For the second question, unfortunately, you cannot add the search block to the mobile nav menu, but you can hide it on mobile mode so it does not break the header style.

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