Logo & site identity: desktop vs. mobile

  • Resolved OsakaWebbie

    (@osakawebbie)


    3 years, 2 months ago

    Can I have separate settings for “Show Site Title” and “Logo Position” on wide and narrow displays (i.e. desktop and mobile)? In a wide window (e.g. computer) I want to show both the Site Title and Site Tagline, and I want Logo Position=Left. But on a phone, I want the Site Title not shown (the tagline is sufficient) and Logo Position=Top, because otherwise stuff wraps funny. But I can’t seem to do that – there is apparently only one “Logo” block in the header builder, and the settings I set for it affect both desktop and mobile, even though the builder block placement can be different. Am I missing a clue? Or do I need to add custom CSS with a media query to rearrange stuff?

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

Viewing 1 replies (of 1 total)
  • Theme Author PressMaximum

    (@pressmaximum)

    Hi,

    Currently, there is no option that supports hiding the site title and shows the tagline under the logo on the mobile view like that. But you can try to use this custom CSS code in Appearance > Customize > Additional CSS

    @media (max-width: 767px) {
    .site-branding {
        display: block
    }

    .site-branding .site-title {
        display: none
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Logo & site identity: desktop vs. mobile’ is closed to new replies.