-
AuthorPosts
-
April 27, 2014 at 1:49 am #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.
April 28, 2014 at 5:08 pm #257167Hi lsrmedia!
Please add following code to Quick CSS as well
.av-main-nav > li > a { border: none !important; }
Regards,
YigitJune 26, 2014 at 10:57 pm #284331Is there a way to remove just the vertical lines on just the ends of the navigation bar?
June 26, 2014 at 11:06 pm #284336Hey!
Can you post a screenshot and show the lines so we can make sure to understand it clearly?
Cheers!
YigitJune 28, 2014 at 4:22 am #284767This reply has been marked as private.June 28, 2014 at 4:25 am #284769This reply has been marked as private.June 28, 2014 at 5:11 am #284781Hey!
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!
JosueJune 28, 2014 at 5:22 am #284784Perfect! 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?
June 28, 2014 at 5:23 am #284785Hey!
Can you post a screenshot/mockup of what would you want to achieve? also please post a link to your website.
Best regards,
JosueJune 28, 2014 at 5:57 am #284794This reply has been marked as private.June 28, 2014 at 5:57 am #284795Can you post the link to your website please?
Regards,
JosueJune 28, 2014 at 5:58 am #284798This reply has been marked as private.June 28, 2014 at 6:12 am #284799This reply has been marked as private.June 28, 2014 at 6:21 am #284800Ok, 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?
June 28, 2014 at 6:47 am #284803Basically, 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.
June 28, 2014 at 11:31 pm #284880Hey!
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!
JosueJune 29, 2014 at 4:03 am #284928Thanks 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!
June 29, 2014 at 4:07 am #284929Josue 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.
June 29, 2014 at 7:33 pm #285025You are welcome, thanks for the kind words. You can leave a review on Enfold Themeforest page.
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.