• Resolved karissajones

    (@karissajones)


    Hi there,

    So I unlocked my site today to go through it on my iPhone to see how everything is displaying and I have a couple of issues I am not sure how to resolve:

    1. There is a pink square (original Sela colour) box around my Menu icon and it does go away after you click on it. Sometimes… How and where do I change this.

    2. My header image does not fit it is too far to the left and is getting cut off.

    3. My site is continuing to load and load and load even when it is up on my screen.

Viewing 10 replies - 1 through 10 (of 10 total)
  • post your site address

    Thread Starter karissajones

    (@karissajones)

    Sorry thought I did after my first post.

    thehousewren.com

    Moderator Kathryn Presner

    (@zoonini)

    1. Some CSS still needs to be overwritten with your turquoise colour. Try adding this to your custom CSS:

    button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span {
        background-color: #48c2c5;
    }

    2. I looked at your site at various screen sizes but I’m not seeing any obvious issues.

    Would it be possible to upload a screenshot of the problem? Here’s a guide on how to make one:
    http://en.support.wordpress.com/make-a-screenshot/

    You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.

    3. I didn’t experiencing any loading issues with your site on my mobile device. That sounds more like a connection issue rather than a theme issue; you could try a different network to see if it’s consistent.

    Thread Starter karissajones

    (@karissajones)

    1. Thank you that worked.

    2. The “T” in my header image is getting cut off and it looks like the image is justified to the left instead of centered as it is on the main site. here is the link

    3. This issue has been fixed by my host.

    Thread Starter karissajones

    (@karissajones)

    Sorry it linked wrong

    http://wp.me/a6IaWw-5Q

    Moderator Kathryn Presner

    (@zoonini)

    Thanks for the screenshot.

    I’d suggest you use the Site Logo feature in Sela instead of the custom header, which is designed to be a background image. The Site Logo is designed specifically for logos, scales at small sizes and won’t be cropped.

    Since you have Jetpack active, you can upload a logo in the Customizer’s Site Logo, Tagline and Logo panel.

    Thread Starter karissajones

    (@karissajones)

    Thank you that helped. Is there anyway to decrease the amount of white space between the logo and the menu bar? It looks a bit too spaced for my liking.

    Moderator Kathryn Presner

    (@zoonini)

    For the best results, I’d suggest you crop as much whitespace at the edges of your image as possible in a graphics program and reuploading it:

    http://i1.wp.com/thehousewren.com/wp-content/uploads/2015/10/Final-Logo.jpg

    See if that does the trick; you’ll get better display on small screens by removing the whitespace in the image itself. If you still find there’s too much space above the menu I can help you further at that point.

    Thread Starter karissajones

    (@karissajones)

    That worked thank you again. All issues resolved!

    Moderator Kathryn Presner

    (@zoonini)

    Great! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Mobile Version Colour of Menu is wrong and header image does not fit’ is closed to new replies.