Welcome Message Missing

Hello. I have two quick questions:

  1. My “welcome message” is missing when I access my site from my mobile device (iPhone 5)- is there a way to make it viewable?


  1. Again from my mobile device my “welcome logo” is not centered on the screen - I did add a bit of CSS code that you provided in order to show more of the “header image”, so I’m not sure whether that is affecting the justification of the image - is it possible to center it without too much complication?

Thank you.



  1. It’s hidden because most likely it won’t fit.
  2. Well, it is centered but it won’t fit due to your custom logo sizes. Add this and adjust it if it’s needed:

@media screen and (max-width: 320px) {
    .welcome-logo {
        max-width: 250px;

Or better yet switch to 250px directly in the code you’ve added for a max screen width of 600.

It worked well when I just substituted the 320 and 250 values you gave into my original custom css. Thank you.

On other item is there a work around?

Thanks again.

Sure, just make sure it fits properly on small screens:

@media only screen and (max-width: 600px) {
    .welcome-desc {
       display: block;
       font-size: 16px;

I also added a smaller font size for it.

Worked like a charm!
Thank you!

Should i just change
@media only screen and (max-width: 600px) {
.welcome-button {
display: none;


.welcome-desc {
display: block;
font-size: 16px;

Cause i’ve tried this without success…