-
AuthorPosts
-
March 20, 2015 at 12:38 am #414922
Hi, is it possible to use a different logo variation on the sticky header?
If not, how may I colour the sticky header background so that the logo stands out more? Also, how to colour the menu section when in sticky header scroll.
March 20, 2015 at 1:13 am #414934Ok. I have found the area required to change the colours- so consider that one resolved.
One issue I have remaining is that I now see many border lines in the header, around the menu items etc.. Where may I change these borders to match the header colour?
March 20, 2015 at 9:43 am #415151Hi!
Do you have a link for the site in question so that we can take a closer look please?
Regards,
RikardMarch 20, 2015 at 11:05 am #415194This reply has been marked as private.March 20, 2015 at 4:33 pm #415365Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav > li > a,#header_main_alternate { border: none!important; }
Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Cheers!
YigitMarch 24, 2015 at 3:32 am #416876This reply has been marked as private.March 24, 2015 at 6:52 pm #417301Hey!
1- You can add your link as following to make your link “click-to-call”
<a href="tel:0401786376">tel:0401786376</a>
2- I could not reproduce the issue, logo is resizing on my end. Which browser are you using?
3- Please add following code to Quick CSS in Enfold theme options under General Styling tab@media only screen and (max-width: 480px) { .home #av_section_1 { display: none; }}
Best regards,
YigitMarch 25, 2015 at 12:44 am #417484This reply has been marked as private.March 26, 2015 at 10:14 pm #418860Hey!
if you want to use a different logo on mobile you can follow this thread: https://kriesi.at/support/topic/different-logo-for-mobile-version/#post-238916
Please clear your browser cache on your nokia device.Cheers!
AndyMarch 27, 2015 at 1:20 am #418968This reply has been marked as private.March 28, 2015 at 5:43 am #419729Hi!
Add this to the functions.php file:
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= "<a class='second-logo' href='#'><img src='http://kompleteaccounting.com.au/wp-content/uploads/2015/02/KAG-340w-drop-shadow.png' /></a>"; return $sub; }
After that, add this to the Quick CSS field:
@media only screen and (min-width: 480px) { .second-logo { display: none; }} @media only screen and (max-width: 480px) { .logo { display: none; }}
Cheers!
IsmaelMarch 29, 2015 at 11:51 am #419970This reply has been marked as private.March 31, 2015 at 4:16 pm #421278Hi!
Try this.
@media only screen and (max-width: 480px) { .logo { display: none !important; }}
If that’s not working either then upgrade our login to admin so we can check to see if your doing the edit properly.
Best regards,
ElliottApril 1, 2015 at 1:14 am #421679This reply has been marked as private.April 1, 2015 at 9:43 pm #422174Hey!
Sorry, it looks like your second logo is inside the first logo so the CSS you need is this.
@media only screen and (max-width: 480px) { .logo > a:first-child { display: none !important; }}
It should be working now.
Regards,
Elliott- This reply was modified 9 years, 7 months ago by Elliott.
-
AuthorPosts
- You must be logged in to reply to this topic.