Two column layout on mobile and reduce padding on header

This topic has 4 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: Vernaire
    Vernaire
    Participant
    May 11, 2018 at 12:08

    Hi Guys

    Is it possible to have a two column view on mobile?

    Additionally bow do I reduce the padding around the menu on both PC and mobile?

    Thanks

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 11, 2018 at 12:39

    Hello,

    1. I would recommend you to check Responsive Options – https://prnt.sc/jgj78j
    2. Please add this code in Theme Options > Styling > Custom css:

    .header-wrapper header > .container .container-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    Also, disable Breadcrumbs in Theme Options > General > Breadcrumbs > Breadcrumbs Style and go to Theme Optioons > General > Header settings > Header overlaps the content > Off + remove margin-top: -68px for this row http://prntscr.com/jgjbf0

    Regards

    Avatar: Vernaire
    Vernaire
    Participant
    May 11, 2018 at 13:58

    Hi Rose,

    Thank you very much for your assistance.

    How do I edit or remove the blocks at the bottom of the shop page here: http://kschic.co.uk/shop/

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 11, 2018 at 14:04

    Hello,

    You’re welcome!
    Please read about widget areas – https://xstore.helpscoutdocs.com/article/48-widgets-custom-widget-areas

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.