Ipad/Tablet Menu Issue

Hey There!
I am having a issue I cant figure out where the website displays fine on mobile phone and desktop views but from a ipad/tablet the menu and logo kind of squeeze together. Is there anyway possible to make the logo be on one line and then the links on another line with smaller font? I attached example/screenshot.

Really appreciate any help

Hi
you can do what you want using CSS
with media queries you can target the resolution you want and reduce your menu, or simply use the mobile plugin if you prefer
CEd

thanks for response. What exactly would be the ID I'd need to use to make font smaller for tablets? I have media query setup but not sure what ID/Selector to call out to take font-size down. I would like for the logo to not float left on tablet view. Would like it to just be on one line and then the navigation links right below. Just not sure how to remove the float on tablet view.

Thanks A Bunch

Please give me the url of the page to check this. You should put your logo and menu in 2 separate module positions and manage the arrangement in your template

I tried adding some custom css but not having luck, url is prettycakesatl.com

you can try this