Responsive Menu Ipad Option

  • Resolved webonative

    (@webonative)


    8 years, 8 months ago

    Hi,

    I have a question regarding my website’s responsive menu. It works completely fine with mobile. But when we go to ipad view (when we hit the breakpoint of 1024px), it shows up way too on the top hiding certain elements of the website like topbar location and topbar social media icons.

    Is there any way to bring it down only on ipad devices and give more space on the top? If I change the “Distance from top” section, it changes in mobile devices too. It’s perfect right now in mobile. The problem is only with ipad menu location.

    Please help.

    http://tastershub.com

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

Viewing 1 replies (of 1 total)
  • Peter Featherstone

    (@peterfeatherstone-1)

    8 years, 8 months ago

    Hey there,

    Unfortunately not as this is a Responsive Menu rather than a Device Specific Menu and is therefore based on browser breakpoint widths rather than being device specific.

    With that in mind, the best way to do this is probably to write your own media queries via some custom CSS to target the menu specifically at those browser widths and just adjust the top margin accordingly.

    In fact this is how you would build a responsive website itself which yours appears to be so you would appear to already have that structure in place.

    Hope that helps

    Peter

Viewing 1 replies (of 1 total)

The topic ‘Responsive Menu Ipad Option’ is closed to new replies.

Tags