Results 1 to 2 of 2
  1. #1
    Registered User
    Join Date
    Mar 2022
    Posts
    67

    Issues with large font in mobile mode

    This site's OK on the desktop

    But when I test it in mobile mode, the 'London and Surrounding' bit doesn't fit on the page and the lower scroll bar appears.

    If I reduce the font-size of <h1>, then the page behaves.

    If I use "overflow:hidden;" in .magcontainer, the large font still is an issue.

    What in the CSS would cause <h1> to do this?

  2. #2
    Registered User
    Join Date
    Nov 2020
    Posts
    1
    A likely cause is the H1’s fixed font size plus default margins or nowrap behavior causing the container to exceed the viewport. Check width, padding, white-space, and box-sizing before using overflow:hidden.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

  Find Web Hosting      
  Shared Web Hosting UNIX & Linux Web Hosting Windows Web Hosting Adult Web Hosting
  ASP ASP.NET Web Hosting Reseller Web Hosting VPS Web Hosting Managed Web Hosting
  Cloud Web Hosting Dedicated Server E-commerce Web Hosting Cheap Web Hosting


Premium Partners:


Visit forums.thewebhostbiz.com: to discuss the web hosting business, buy and sell websites and domain names, and discuss current web hosting tools and software.