Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 19, 2016 at 6:54 pm #586242
    asinger777

    I have 2 buttons as part of my top nav bar. When the bar is minimized or shrunk then the top and bottom margins around the buttons disappear. How can i get those spaces to remain, so that when the bar shrinks, the white space above and below the buttons remains?

    Here’s the link – http://site.jewishexperience.org/

    February 22, 2016 at 2:57 pm #587161
    Yigit

    Hey asinger777!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, #top #wrap_all .header_color .av-menu-button-bordered > a .avia-menu-text {
    padding: 14px!important;
}}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    February 22, 2016 at 5:21 pm #587301
    asinger777

    This code did not fix the problem. When I scroll down the spaces disappear. Looks like the problem is related to the container height or line-height.

    • This reply was modified 8 years, 10 months ago by asinger777.
    February 24, 2016 at 5:18 am #588118
    Ismael

    Hi!

    The header height is a bit too short for the buttons. If you really need the header to be that short, please add this in the Quick CSS field:

    .header-scrolled .av-menu-button a, .header-scrolled .av-menu-button a .avia-menu-text {
    height: 20px !important;
    line-height: 20px !important;
    padding: 5px 8px;
}

    Or increase the header height.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.