-
Posts
-
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?
Hi lsrmedia!
Please add following code to Quick CSS as well
.av-main-nav > li > a { border: none !important; }Regards,
YigitHey!
Can you post a screenshot and show the lines so we can make sure to understand it clearly?
Cheers!
YigitHey!
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!
JosuePerfect! 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?
Hey!
Can you post a screenshot/mockup of what would you want to achieve? also please post a link to your website.
Best regards,
JosueOk, 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?
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.
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!
JosueThanks 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!
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.
You are welcome, thanks for the kind words. You can leave a review on Enfold Themeforest page.
Regards,
Josue
- You must be logged in to reply to this topic.