• 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 / Sela theme – logo cut off on mobile site

Sela theme – logo cut off on mobile site

  • Unknown's avatar
    vabenedocklands · Member · Mar 5, 2015 at 3:48 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi, my header logo is too large for the mobile site and keeps getting cut off.

    I’ve read another thread regarding this at https://en.forums.wordpress.com/topic/change-header-size-font-size-in-sela-theme?replies=18#post-2295712 but none of the options outlined in the post seem to work (copying and pasting a variety of different codes into the editor/css style sheet section)

    I’ve even tried resizing the image but it shows as exactly the same size in the mobile site and then becomes fuzzy on the desktop version.

    The website is http://www.vabenepizzeria.com.au .

    I’ve tried what @thesacredpath advised in the above thread, to no avail.

    Please help!

  • Unknown's avatar
    nizamilputra · Member · Mar 5, 2015 at 6:18 am
    • Copy link Copy link

    Hi there,

    Please add this css;

    @media (max-width: 520px){
      .site-branding{
         background-size: 100%;
      }
    }
  • Unknown's avatar
    vabenedocklands · Member · Mar 5, 2015 at 6:37 am
    • Copy link Copy link

    Hi there,

    I’ve clicked into appearance > editor and put in the css you advised but am not seeing any changes on the mobile site still.

    Is there any particular section I have to put it into? Am pasting it right after this paragraph in the section at the start:

    Resetting and rebuilding styles have been helped along thanks to the fine work of
    Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
    along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
    and Blueprint http://www.blueprintcss.org/
    */

    (me pasting css you advised).

    Also, there is a small arrow right under the images on the main page of the mobile site – how do I make it disappear?

    Thanks in advance!

  • Unknown's avatar
    nizamilputra · Member · Mar 5, 2015 at 7:15 am
    • Copy link Copy link

    Here step by step to put that code into your site https://en.support.wordpress.com/custom-design/editing-css/. And you should upgrade to Premium Plan to use custom design feature

  • Unknown's avatar
    vabenedocklands · Member · Mar 5, 2015 at 10:14 pm
    • Copy link Copy link

    Thankyou for your help.

  • The topic ‘Sela theme – logo cut off on mobile site’ is closed to new replies.

Tags

  • cut-off
  • logo
  • resize
  • Sela

About this topic

  • In: CSS Customization
  • 2 participants
  • 4 replies
  • Last activity 11 years
  • Latest reply from vabenedocklands

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