Sela theme – logo cut off on mobile site
-
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!
-
Hi there,
Please add this css;
@media (max-width: 520px){ .site-branding{ background-size: 100%; } } -
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!
-
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
-
- The topic ‘Sela theme – logo cut off on mobile site’ is closed to new replies.