Shop page content is under header menu - by Edgar

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

  • Avatar: Edgar
    Edgar
    Participant
    September 21, 2021 at 21:04

    I removed the shop page banner and now the first part of my product archive is overlapping with the header. How do I give it some margin down so that it is not under the header.

    http://prnt.sc/1t500oy

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 22, 2021 at 07:06

    Hello,

    Theme Options > Header builder > disable Header overlap. If you want to get overlap effect on particular pages only, use Multiple headers
    Here is a video about Multiple headers – https://youtu.be/BpeXfzNwkOc

    Regards

    Avatar: Edgar
    Edgar
    Participant
    September 22, 2021 at 18:59

    Okay and how do I add some margin between the header and the archive. Now they are not overlapping but they are too close to each other.

    See: https://prnt.sc/1t9442g

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 23, 2021 at 09:51

    Hello,

    Theme Options > Header builder > Bottom header > add margin bottom
    or add the next code in Theme Options > Theme custom CSS:

    .archive .content-page {
        margin-top: 30px;
    }

    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.