Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 7, 2015 at 5:30 am #484275
    navindesigns

    http://navindesigns.com/ebmdigitalmarketing

    On the Navigation Bar:
    In tablet mode (portrait), the navigation is too far to the left overlapping in the same space as the company logo.
    Sub menu for Services (Digital and Off Line) not showing on Table, Mobile or PC

    Facebook Stream:
    In tablet (portrait) can only see ¼ of stream, in landscape ½ and on a pc ¾.
    In PC, Facebook is still truncated, but not nearly as much as on tablet.

    One general thing. When viewing on a mobile device, the only clue of a menu is the icon in the upper right. I don’t know if there is anything you can do to clarify this is a menu. But it’s an observation.

    August 7, 2015 at 8:14 pm #484674
    Andy

    Hey navindesigns!

    you did not tell us how you want your menu to behave instead. So I will assume a solution myself and suggest to move logo and menu a little bit using this code:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
strong.logo {
left: -49px;
}
nav.main_menu {
right: -42px;
}}

    Best regards,
    Andy

    August 12, 2015 at 7:05 am #486310
    navindesigns

    Thanks. I figured most of the issues out but I just have one more problem.

    On Ipad portrait and landscape, the facebook widget (sidebar) is getting partially cut off. Can I move the sidebars below the contents on ipad portrait and landscape? Can the widget wrap under at the breakpoint? I am using the same sidebar throughout the site so I am ok with all sidebars being under on ipad portrait and landscape

    http://navindesigns.com/ebmdigitalmarketing/about-us/

    Thanks

    August 12, 2015 at 10:43 am #486371
    Andy

    Hi!

    try this code for iPad:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
section#fblike-2 {
width: 300px;
margin-left: -35px;
left: -14px;
}
#top #main .sidebar {
left: 25px;
border-left-style: none;
width: 300px;
max-width: 300px;
}
.container .av-content-small.units {
width: 67%;
}}

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.