Page Title no overlaid Page Title Image

  • craftedintime

    (@craftedintime)


    4 years ago

    Hi, my page title should be in the centre of the image of the top of the page, not under it, and I can’t figure out how to change this. Also when viewing the page on Mobile the Page title often appears on two lines, with the second line of the Title appearing too far down the page. Any help with these issue would be appreciated

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    For the mobile view issue, try this:

    .title-shop.title-design-centered .basel-back-btn + h1 {
  padding-left: 0;
  padding-right: 0;
}
.term-the-11th-hour-sale h1.entry-title {
    line-height: 0.8em;
}

    Added to the Additional CSS customizer section.

    To locate the title on desktop view, add this within a media query:

    .title-shop .nav-shop h1 {
    margin-top: 20px;
}

    I’m unsure of what the min-width break point would be in the media query.

    Thread Starter craftedintime

    (@craftedintime)

    Thankyou, this has worked well

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page Title no overlaid Page Title Image’ is closed to new replies.