Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 23, 2015 at 4:30 pm #463491
    Vincent

    Hi,
    Starting on another license of Enfold – this time building in a boxed format and having an issue on mobile:

    1. On the mobile page the H1 in the title bar is seperated onto double lines and looks too far spaced apart.

    2. The breadcrumbs is spacing is further pushing the mobile title onto three lines.

    I removed the bradcrumbs with this line of code in the quick CSS field:

    
/*  -------Remove Breadcrumbs mobile  - VZ*/

@media only screen and (max-width: 767px) {
        .breadcrumb {
                 display: none !important;
        }
}

    That removed the breadcrumbs but the problem is the H1 container title is still spanning multiple lines – see screenshot:
    Screenshot of mobile phone rendering of H1 container
    .

    June 23, 2015 at 7:09 pm #463561
    Yigit

    Hi Vincent!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
h1.main-title.entry-title {
  line-height: 20px;
}}

    Best regards,
    Yigit

    June 24, 2015 at 9:07 am #463826
    Vincent

    Thanks Yigit, that worked at 35px perfectly.

    Cheers
    Vince

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Mobile Breadcrumbs & H1 Issues’ is closed to new replies.