Support » Theme: Twenty Twenty-One » IsraeliPage: CSS Tagline float & display:none Page1 h1

  • Can someone please help me out, as to why site tagline is wrapping instead of blocked in small mobile mode? Is it the div float, margin, or pad?

    Site:

    This didn’t help:
    @media (min-width: 200px) {
    .site-description {
    display: block;
    }
    }`

    I’d also like to banish the page1 H1 horiz space default page1.

    Thanks in advance…

    • This topic was modified 2 months, 1 week ago by James Huff. Reason: redundant link removed

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi,

    This is something we are going to deal with in the Options for Twenty Twenty-One plugin because it also prevents the text from being centred etc.

    Adding this to “Customizer – Additional CSS” should fix the problem for you …

    @media only screen and (max-width: 481px) {
    .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
    max-width: none;
    }
    }

    Let me know if that helps?

    Oliver

    Thread Starter izzyeast

    (@izzyeast)

    Thank you so much, works great. Will now look into banishing page title H1 to try and clear up that space. I’d always kept page title with the content, but it does make sense to keep it with theme aka menus instead. Thanks, and will add the plugin today.

    • This reply was modified 2 months, 1 week ago by izzyeast.

    Glad that worked. The plugin will allow you to hide the title too 🙂

    Thread Starter izzyeast

    (@izzyeast)

    Thanks again Sir Campion. 2021 looks great on iphoneX and ipad, very tidy and entirely visible (assessible). I’ve got an older php front page script to transfer to wpress, a real mess. What do you recommend for this slideshow at http://batonrougecustomcabinets.com/?p=3 ? It’s 3 column, but 2021 with added pages (customer reviews and company highlights) should work out just fine. Really appreciate your input.

    • This reply was modified 2 months, 1 week ago by izzyeast.
    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Thread Starter izzyeast

    (@izzyeast)

    2021 Options Plugin doesn’t remove page title, removes entire header with site name, menu and all. Browser “View source” looks like the old iframe websites (embed). Some sort of proprietary move or what? Looks like easiest thing to do is to use 2021 in the rough, but even that’s got issues when it comes to compatibility with plugins; forum, gallery, and contact. Will try that (again) and see what happens. The one positive is that I’m 62yrs and wont have to stay updated on coding.

    2021 Options Plugin doesn’t remove page title, removes entire header with site name, menu and all.

    You are referring to “Customizer – Header Options – Hide Site Header”. Please try “Customizer – Header Options – Hide Site Title” or “Customizer – Site Identity – Display Site Title and Tagline”.

    Oliver

    Oliver Campion

    (@domainsupport)

    Just to update this thread, there is now an option in Options for Twenty Twenty-One plugin “Customizer – Header Options – Full Width Site Branding” which allows you to choose to force the site branding to be full width on mobile, desktop or both.

    Oliver

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.