Welcome Message Missing


#1

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?

and

  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.

A


#2

Hello,

  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.


#3

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.
-a


#4

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.


#5

Worked like a charm!
Thank you!


#6

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

for

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

Cause i’ve tried this without success…