Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 10, 2015 at 12:45 am #471215
    janeyj

    Having issues with the display on the navigation for iPad. Desktop and phone look great.

    I’ve tried numerous @media styles and sizes and there is seemingly no change when I adjust — not to font size, padding…anything.
    I have this set in Quick CSS (because the custom.css file isn’t picking up the very same styles I set for anything):

    .av-main-nav > li > a {
    letter-spacing:.5px;padding:0 50px;font-family:’Open Sans’ !important;font-weight:500;font-size:15px;
    }

    However, even removing the above style, it only changes the desktop layout. iPad looks the same regardless. Any ideas?

    TIA!

    July 10, 2015 at 8:42 am #471310
    Ismael

    Hey janeyj!

    Thank you for using Enfold.

    You can remove the code then replace it with:

    @media only screen and (min-width: 1024px) {
.av-main-nav > li > a {
  letter-spacing: .5px;
  padding: 0 10px;
  font-family: 'Open Sans' !important;
  font-weight: 500;
  font-size: 15px;
}}

    Best regards,
    Ismael

    July 13, 2015 at 7:23 am #472147
    janeyj

    No. I need the style I first posted for desktop display. As I mentioned, I tried all different variations of styles and media assignments (including the above style set only to desktop and specific media styles for every screen size between phone and desktop). Nothing is changing anything on the table, no matter what I do. Even font size. I’m attaching two screenshots showing the displays (both horizontal and vertical). Sending admin access just in case as well.

    (Also finding it odd that if I take all of my styles out of quick css and put them in the custom file, those styles will no longer work).

    http://janeyj.com/graphics/iPadVert.png
    http://janeyj.com/graphics/iPadHor.png

    July 14, 2015 at 11:30 am #473002
    Andy

    Hi!

    please upgrade to Enfold v3.2.3., clear browser cache and hard refresh your website afterwards. Are you using any caching (e.g. plugin)?

    Regards,
    Andy

    July 15, 2015 at 12:32 am #473490
    janeyj

    Hi, Andy!

    Theme is updated, browser cache is cleared. No plugins installed at all. Still displaying the exact same.

    Is it possible to force the mobile (phone) navigation for tablets?

    July 15, 2015 at 6:22 am #473535
    Rikard

    Hey!

    Yes it is, you can set that by going to Enfold–>Header–>Mobile Menu and select to activate it for tablets as well. If that is not wide enough you can try the following in Quick CSS:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    The code will activate the mobile menu at 1024px.

    Regards,
    Rikard

    July 15, 2015 at 11:36 pm #474017
    janeyj

    Works for now! If he has a problem with this, I’ll be back. Thanks!

    July 15, 2015 at 11:40 pm #474019
    janeyj

    One last note…

    July 17, 2015 at 11:58 am #474839
    Andy

    Hi!

    glad it’s working for you and thanks for this funny website. I shared it with the rest of our team :).

    Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist.

    Cheers!
    Andy

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘iPad Navigation – Vertical & Horizontal Layouts’ is closed to new replies.