always display handheld menu

Viewing 3 replies - 1 through 3 (of 3 total)

  • You should edit the CSS file. It is too difficult to try just override it with your own CSS file because of @media rules. Take a copy first from the oginal code.

    Just move the CSS for fixed box in the bottom of the screen out from @media … (max-width:767px) {…
    and put it only inside
    @media screen {
    }

    Then take off all CSS, which relates with the bottom bar from @media… (min-width:768px) {…

    Normally just overriding CSS is good idea but in these kinds of situations that is not a good idea.

    • This reply was modified 5 years, 10 months ago by tapiohuuhaa.
    • This reply was modified 5 years, 10 months ago by tapiohuuhaa.
    • This reply was modified 5 years, 10 months ago by tapiohuuhaa.

    Maybe you don’t need to edit original CSS-file. Just copy the CSS of the bottom bar.
    The put for duplicate items display:none.

    Just search .storefront-handheld-footer-bar and related CSS.

    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    Hey @tapiohuuhaa it seems like you’re using Elementor on top of Storefront and this is now defining the look of your site, so your best bet is to find help with their developers.

    Have a great day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘always display handheld menu’ is closed to new replies.