Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 29, 2014 at 12:36 am #342493
    kbarranco

    I have a row of images 1/4, 1/4, 1/4, 1/4
    How can I tighten the space between them??

    October 29, 2014 at 11:32 pm #343074
    Yigit

    Hi KK!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust the values as needed

    #av_section_1 .av_one_fourth { margin-left: 3%; width: 22%; }
#av_section_1 .av_one_fourth:first-child { margin-left: 3%; }

    Cheers!
    Yigit

    October 30, 2014 at 2:08 am #343156
    kbarranco

    Thanks!!!!

    I have yet another issue…..
    I made the main navigation bar solid (I looked up the CSS!)
    but I need to put a thinner pink bar on top of it.
    see this:

    http://img42.com/rT2F6

    • This reply was modified 10 years ago by kbarranco.
    October 30, 2014 at 2:13 am #343159
    Yigit

    Hey!

    Can you post the link to your website please?

    Cheers!
    Yigit

    October 30, 2014 at 3:03 am #343199
    kbarranco
    This reply has been marked as private.
    October 30, 2014 at 3:09 am #343205
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #header_main > .container { margin: 0 0 10px 0; border-bottom: 3px solid pink; width: 100%!important; }

    Best regards,
    Yigit

    October 30, 2014 at 5:32 am #343242
    kbarranco

    HOLY COW- you are amazing.
    should I replace “solid pink” with the hex color?

    October 30, 2014 at 5:42 am #343246
    kbarranco

    how can I make this brown bar more narrow. I am using this CSS to make the brown bar that goes under the pink bar.

    /* NAVIGATION SOLID Bar Color */
    #header_main_alternate {
    background-color: #764930;
    }
    .av-main-nav > li > a { border: none !important;
    }

    October 30, 2014 at 3:18 pm #343433
    Yigit

    Hey!

    Seems like you have already figured it out? :)

    Best regards,
    Yigit

    October 30, 2014 at 4:47 pm #343477
    kbarranco

    I was to decrease the height and am not sure what to adjust for that.

    October 30, 2014 at 7:36 pm #343582
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
height: 25px;
line-height: 25px;
}
.html_header_top.html_bottom_nav_header .main_menu ul:first-child {
height: 25px;
}

    Regards,
    Yigit

    October 31, 2014 at 12:41 am #343804
    kbarranco

    This is not making the brown bar more narrow. I tried adjusting the numbers.
    Also, I lose the menu when the page adjusts for mobile.

    • This reply was modified 10 years ago by kbarranco.
    October 31, 2014 at 9:34 pm #344323
    kbarranco

    Still looking for a slightly thinner brown line and
    the MENU disappears for mobile devices.

    November 3, 2014 at 3:02 pm #345257
    Elliott

    Hey!

    Try adding this to your custom CSS,

    .html_header_top.html_bottom_nav_header .main_menu > div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child { height: 25px !important; }
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 25px !important; line-height: 25px !important; }

@media only screen and (max-width: 767px) {#advanced_menu_toggle, #advanced_menu_hide { display: block !important; background-color: pink !important; }}

    You will need to play around with the 767 value on the last line until it displays when your regular menu disappears. You have a lot of custom CSS going on which is interfering with the menu but adding those lines should fix it.

    Cheers!
    Elliott

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