Help Optimizing Mobile / Desktop

  • I have three mobile appearance issues with my site currently, one other mobile and desktop issue, and one issue only on desktop:

    Mobile

    1. On Mobile, the header is to large/interfering with the site titles

    2. On Mobile, the Menu is showing up pretty low on the page and also interfering with page content

    3. On Mobile, the Menu is not showing up on the home page AT ALL, but it is on other pages.

    Mobile and Desktop
    1. The site heading is awkwardly positioned alongside the page title

    Desktop Only
    1. I’d like the site heading and the top bar/menu on the same line, currently they are offset and it’s triggering.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter nickmclamb1

    (@nickmclamb1)

    I wanted padding between the content and the content background for the desktop version. I don’t need padding on mobile since the content background goes to the edges anyway.

    Try to use the below code and check it works or not – 

    @media screen and (max-width: 959px) and (min-width: 580px) {
div#primary {
    padding: 50px 20px 50px 20px !important;
}}
    Thread Starter nickmclamb1

    (@nickmclamb1)

    That code didn’t do anything but I did change the values on 

    {
    max-width: 100%;
}
div#primary {
    background: rgba(250, 250, 250, 0.85);
    padding: 20px 0px 0px 0px !important;
}

    And it worked

    Glad to hear that it is fixed!

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Help Optimizing Mobile / Desktop’ is closed to new replies.