Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 11, 2017 at 11:05 am #837377
    jonrouse

    Hi,
    Between 770px & 990px my title/breadcrumb bar becomes hidden under the header.

    I’ve tried removing my custom CSS and it doesn’t help. It seems to happen when the hamburger menu kicks in.

    Also, when the title is forced across two lines (at about 404px wide) it looks terrible!

    Can you please let me know how to fix these?

    Thanks!

    • This topic was modified 7 years, 3 months ago by jonrouse. Reason: Forgot to include a link
    August 11, 2017 at 11:33 am #837385
    jonrouse

    I think I may have fixed these, but it feels very messy.

    1. The overlapping header/title bar

    @media only screen and (min-width: 768px) and (max-width: 990px) {
.responsive #main .container_wrap:first-child { border-top:none; padding-top: 45px; }}

    2. The ugly linespacing on long titles at small sizes

    @media only screen and (min-width: 300px) and (max-width: 407px) {
h1.main-title.entry-title { line-height: 15px; }
}

    I’d like to know if there are better ways to achieve what I’ve done. I only know css through using Enfold and the forums, so I’d appreciate it if a mod with better skills than me could take a look.

    Thanks

    August 12, 2017 at 8:07 am #837789
    Rikard

    Hi,

    Thanks for the feedback. If the CSS you came up works then I would roll with that, CSS is not all that complicated.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.