Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #256708

    In order to change the colour of the navigation bar, I used the following code in the quick CSS box:

    #header_main_alternate {
    background-color: #C42026;
    }

    However, that did not change the background colour of the dropdown so I added the following additional code in the quick CSS box:

    #top .main_menu .menu ul li a {
    background-color: #C42026;
    }

    So now the background of the navigation bar and dropdown is red but there are white vertical lines between each of the links as you can see here: http://69.195.124.69/~localsp4/

    Did I use the incorrect code or is there additional code to remove the white vertical lines between the links?

    • This topic was modified 10 years, 6 months ago by lsrmedia.
    #257167

    Hi lsrmedia!

    Please add following code to Quick CSS as well

    .av-main-nav > li > a { border: none !important; }

    Regards,
    Yigit

    #284331

    Is there a way to remove just the vertical lines on just the ends of the navigation bar?

    #284336

    Hey!

    Can you post a screenshot and show the lines so we can make sure to understand it clearly?

    Cheers!
    Yigit

    #284767
    This reply has been marked as private.
    #284769
    This reply has been marked as private.
    #284781

    Hey!

    Try adding this code to the Quick CSS:

    #avia-menu li:first-child a {
        border-left: 0 !important;
    }
    #avia-menu li:last-child a {
        border-right: 0 !important;
    }

    Cheers! 
    Josue

    #284784

    Perfect! Wow this theme is great and the service is even better! Is there a way to elongate the header justify the site content within the main navigation bar, slightly indented?

    #284785

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve? also please post a link to your website.

    Best regards,
    Josue

    #284794
    This reply has been marked as private.
    #284795

    Can you post the link to your website please?

    Regards,
    Josue

    #284798
    This reply has been marked as private.
    #284799
    This reply has been marked as private.
    #284800

    Ok, so I made the Navigation Bar titles in all caps and that did the trick. The body of the site is justified within the main navigation bar titles. My problem now is that when you view it on an iPhone or an iPad, the last heading drops to the 2nd row. Is there a way around this?

    #284803

    Basically, I’m looking for a way to elongate the main navigation bar just a little so it doesn’t drop down on mobile devices. I set the font size to 14 and that seems to work ok, but I’d rather have a little larger font size, maybe 17 or 18. Let me know if this can be done. Thanks.

    #284880

    Hey!

    Try adding this code to the Quick CSS:

    #main .container_wrap .container main, #main .container_wrap .container {
        max-width: 800px;
    }
    @media only screen and (max-width: 989px) {
    .avia-menu-text {
        font-size: 11px !important;
    }
    }

    Cheers! 
    Josue

    #284928

    Thanks so very much. It works like a dream. I changed the font size to 14 and it still renders fine on all the devices. Thank you!

    #284929

    Josue you’ve saved me a lot of frustration and time. I just want you to know I really appreciate it. Please let me know if there is a way I can give you some kind of review or recommendation.

    #285025

    You are welcome, thanks for the kind words. You can leave a review on Enfold Themeforest page.

    Regards,
    Josue

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