Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 24, 2017 at 8:28 pm #812503
    rmavila

    Hello,

    I have added the custom css in general styling
    #avia-menu .avia-menu-text {
    font-size: 20px !important;
    }

    I have added a change element for main menu links in advanced styling

    and both do not work.

    Please help.
    Thank you.

    June 24, 2017 at 8:49 pm #812511
    Mike

    Hey rmavila,
    Your code worked for me in a test, do you have other code in your css, perhaps you have a missing curly bracket?
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    June 24, 2017 at 8:54 pm #812513
    rmavila

    Thanks Mike,

    See below:

    • This reply was modified 7 years, 5 months ago by rmavila.
    June 24, 2017 at 9:53 pm #812536
    rmavila

    This is what I have in custom css. Is this wrong? I really have to get this fixed.
    #header{
    opacity: 0.5;
    }
    @media only screen and (max-width: 480px) {
    h1 { font-size: 25px !important; }
    #header_meta .container {
    max-width: 100%!important;
    width: 100%!important;
    }
    #avia-menu .avia-menu-text {
    font-size: 20px !important;
    }

    June 24, 2017 at 10:13 pm #812545
    Mike

    Hi,
    Yes it says that it will not show above 480px

    Best regards,
    Mike

    • This reply was modified 7 years, 5 months ago by Mike.
    June 24, 2017 at 10:33 pm #812549
    rmavila

    Here is the code:
    This is what I have in custom css. Is this wrong? I really have to get this fixed.
    #header{
    opacity: 0.5;
    }
    @media only screen and (max-width: 480px) {
    h1 { font-size: 25px !important; }
    #header_meta .container {
    max-width: 100%!important;
    width: 100%!important;
    }
    #avia-menu .avia-menu-text {
    font-size: 20px !important;
    }

    June 24, 2017 at 10:48 pm #812552
    Mike

    Hi,
    Try:

    #header{
opacity: 0.5;
}
@media only screen and (max-width: 480px) {
h1 { font-size: 25px !important; }
#header_meta .container {
max-width: 100%!important;
width: 100%!important;
}}
#avia-menu .avia-menu-text {
font-size: 20px !important;
}

    If you are still having trouble please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    June 24, 2017 at 11:29 pm #812559
    rmavila

    That did it Mike!! Thank you so much.

    Quick question please – it seems that although the main menu font is white – it seems to be darker when I add a gradient bkground image. It seems that the opacity layer is layered on top of the navigation so I shows darker and so does the logo.

    Any code to fix this?

    Thank you so much for writing to me on the weekend!!

    June 24, 2017 at 11:41 pm #812563
    Mike

    Hi,
    The last number in your gradient color code is the opacity layer, so if it is 0.5 change it to 0
    or show us the code and we will try to help :)

    Best regards,
    Mike

    June 25, 2017 at 12:22 am #812570
    rmavila

    Yeah – changing it to 0 makes the main menu nav disappear all together –

    #header{
    opacity: 0.2;
    }
    When I up the op to 2 – it looks like this. So the main link nav must be behind the bkgrnd color – correct? You can hardly see the main menu nav.

    Home

    And hard to read.

    • This reply was modified 7 years, 5 months ago by rmavila.
    June 25, 2017 at 1:34 pm #812665
    Mike

    Hi,
    I see, it’s when you hover on your menu, the text is lighter, try this:

    #top .av_header_transparency .main_menu ul:first-child > li > a:hover {opacity: 1!important; }

    I also see that when you hover over your sub-menu the text and background is white, so this makes your text your shade of blue:

    #top .header_color .main_menu .menu ul li>a:hover {color: #91dce6!important; }

    Best regards,
    Mike

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