• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Marl Theme-Header/Logo for mobile

Marl Theme-Header/Logo for mobile

  • Unknown's avatar
    cassidystation · Member · Jun 14, 2022 at 7:10 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hello, I am working in the Marl theme and I was wanting to create a wide custom header, but when I do so, it doesn’t look well on mobile. Is there a way to somehow center the logo on the mobile version?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    staff-totoro · Staff · Jun 14, 2022 at 10:47 pm
    • Copy link Copy link

    Hi there,

    When I check your site in mobile emulation mode (in Chrome developer tools) it appears for me that the logo stays centered at all widths from desktop down to smartphone.

    I recorded a video at this link so you can see what I mean: https://d.pr/v/vUPVNJ

    Were you able to sort this out on your own, or did you need a hand still?

  • Unknown's avatar
    cassidystation · Member · Jun 29, 2022 at 7:49 pm
    • Copy link Copy link

    Hi, yes I am still needing help. Was trying to add a wide header with photos. I have updated with the logo my boss was wanting so you can take a look and let me know if there is a way to center the logo and crop photos out on mobile version? Or another fix? Thank you!

  • Unknown's avatar
    staff-totoro · Staff · Jun 29, 2022 at 10:50 pm
    • Copy link Copy link

    Hi again,

    It seems you are uploading this image as a “logo” but it appears to me that it is large enough to be shown as a “header image” instead. The logo on most themes is intended for just that, a small logo graphic, and it does not do well with a wide image like the one you have currently.

    Instead I would recommend editing your Header Template to remove the logo and replace it with an image block (set to full width) instead.

    You can edit the template directly here.

    This is difficult to explain in words, so I recorded a quick video to show you how to set that up.

    You can view the at this link: https://d.pr/v/LqEcbp

    Hope that helps. Please let us know if you have any more questions.

  • Unknown's avatar
    staff-totoro · Staff · Jun 29, 2022 at 10:51 pm
    • Copy link Copy link

    I forgot to mention that this is the support forum for our free sites, but your Pro Plan upgrade includes priority live chat support that you can access 24 hours a day (except major holidays)

    With this in mind, you are encouraged to reach out to us here, and we can take a closer look at your issue in real time. No need to wait for a reply in the forums: https://wordpress.com/help/contact

    Hope this helps!

  • Unknown's avatar
    cassidystation · Member · Jun 29, 2022 at 10:52 pm
    • Copy link Copy link

    Ok! Thank you so much Jerry! I appreciate this!

  • The topic ‘Marl Theme-Header/Logo for mobile’ is closed to new replies.

Tags

  • FSE
  • Header
  • logo
  • marl
  • screencast

About this topic

  • In: Support
  • 2 participants
  • 5 replies
  • Last activity 3 years
  • Latest reply from cassidystation

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions