Beautiful Pro-Not responding to Mobile devices

Community Forums Forums General Discussion Beautiful Pro-Not responding to Mobile devices

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Jeremy 8 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #90085

    Jackiejoh
    Member
    Post count: 3

    Hello!
    When I look at my website with a mobile device, the background image is not adjusting accordingly. Additionally, the navigation menu shows up unaligned. Any help is appreciated!

    http://www.finallywriting.com
    #90118

    Jeremy
    Participant
    Post count: 63

    The letter-spacing on line 1014 of style.css is causing the menu alignment issue.
    Try removing it or making it a smaller number. See below…

    .genesis-nav-menu a {
    letter-spacing: 0.4rem;
    }

    You could replace the background image when it gets below a certain responsive break point.
    E.g. Toward the bottom of style.css add…

    @media only screen and (max-width: 568px) {
    .custom-background .site-header-banner {
    background: url(Insert the url of a smaller uploaded logo here) #000000 no-repeat center scroll;
    }
    }


    If you want to say thanks Follow me on Twitter | My Website

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.