Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 10, 2017 at 11:29 pm #745651
    mcraig77

    When i minimize my browser I see 3 versions of the site. 1. Desktop 2.Tablet 3. Mobile. On Tablet the menu button is below the header. How do I move this up for only the tablet version?

    February 14, 2017 at 5:50 pm #747015
    Yigit

    Hey

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
#advanced_menu_toggle, #advanced_menu_hide { top: 15%; }}

    Best regards,
    Yigit

    February 14, 2017 at 8:17 pm #747081
    mcraig77

    Thanks Yigit,

    It looks like I already had the code in there. There is no way to make just the 2 menu items on the left closer to the logo? It looks like that code edits both the right and the left Now worries if not!

    February 14, 2017 at 9:08 pm #747105
    Basilis

    Hi!

    If we bring them closer, they will attach the logo.
    I see both having the same distance at firefox.
    We can do it, but can you please make sure you cleat your cache and check how they look?

    Regards,
    Basilis

    February 17, 2017 at 9:36 pm #748657
    mcraig77

    Gotcha, I get it now. I see the spacing starts before the first letter which if the menu items on the left arn’t long enough make things look uneven. Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu below header fix’ is closed to new replies.