Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2017 at 11:45 pm #829863
    MJM

    Hello,

    I’m having some trouble getting my footer and flyout menu to look the way I want on mobile. On the footer, is there a way to center all content and decrease the amount of padding between each row?

    Screenshot: http://mjm.flywheelsites.com/wp-content/uploads/2017/07/Screen-Shot-2017-07-25-at-4.39.59-PM.png

    On the flyout menu, I would like the submenu font to match the main menu font.

    Screenshot: http://mjm.flywheelsites.com/wp-content/uploads/2017/07/Screen-Shot-2017-07-25-at-4.40.27-PM.png

    I’d appreciate any help you can give, thanks!

    July 26, 2017 at 5:30 am #829940
    Nikko

    Hey MattJensenMarketing,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #footer .av_one_fourth {
    margin-bottom: 0 !important;
  }

  #footer .widget {
    margin: 0 0 10px;
    text-align: center;
  }

  #header_main #av-burger-menu-ul .sub-menu li a {
    font-weight: 400;
    font-family: Alegreya Sans, sans-serif!important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    July 26, 2017 at 3:56 pm #830197
    MJM

    Thanks Nikko! I was able to get it looking the way I want with a couple slight modifications. Here is the final code I used:

    @media only screen and (max-width:767px) {
#footer .widget {
margin: 0 0 10px;
text-align: center;
}
}

@media only screen and (max-width:767px) {
#footer .av_one_fourth {
margin-bottom: 0!important;
}

#header_main #av-burger-menu-ul .sub-menu li a {
font-weight: 300;
font-family: Alegreya Sans, sans-serif!important;
}
}
    July 27, 2017 at 2:08 pm #830645
    Nikko

    Hi,

    You’re welcome. Glad we could help and thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Footer and Flyout Menu’ is closed to new replies.