Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #51889
    Kim
    Participant

    Hey there!
    A couple of things I’m noticing regarding the layout.
    1- When viewing the site on a tablet the main nav turns into two rows instead of shrinking down the one that’s there.
    2- When you use the window functions on desktops the same thing happens but you also lose the left column.

    Thanks!!
    Hidemyage.com
    Kim

    #51894
    Sakin
    Keymaster

    @Kim:
    1. Since you have uppercase long menu. You have issue like that. You can add the following css in “Appearance => Theme Options => Custom CSS” box.

    @media screen and (max-width: 1280px) {
        #header-menu ul.menu a, 
        #footer-menu ul.menu a {
            padding: 0 10px;
        }
    }
    @media screen and (max-width: 1100px) {
        #header-menu ul.menu a, 
        #footer-menu ul.menu a {
            padding: 0 8px;
        }
    }
    @media screen and (max-width: 1000px) {	
        #header-menu ul.menu a, 
        #footer-menu ul.menu a {
            font-size: 13px;
        }
    }

    2. That is responsive design. When the container cannot fit in 3 columns, then it will become 2 columns and your left sidebar will be below.

    #51900
    Kim
    Participant

    1- I tried that and it still looks the same on my tablet. Can you check on yours?

    2- ok.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Site Formatting on Tablet and in Windows’ is closed to new replies.