Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 5, 2014 at 6:44 am #232542
    stacyr311

    Hello!

    I hope you can help me out with a few questions that I have…

    1. I used the Non-Fixed Header with Social Icons and Additional Navigation. I managed to change the background color and font color in the top navigation; however, I can’t seem to change the hover effect (right now, when I hover over the words Connect or Contact in the top nav, it turns the same color as the background color). I would like the hover to be white or light gray, so the user can still see it. Is there some CSS I can put in the Quick CSS box to fix this? Also, how can I change the drop down in the top nav to match the ones in the main menu?

    2. Right above the footer/socket, I have three columns where I inserted an image and used the fade animation, bottom to top (the three red circles). Is there any way to add a hover effect on each of these? I know I can write some code and just pop it into a text block, but then I would lose the fade in animation, which I really like that effect. What I’m trying to do is when the user hovers over that image, it would pull up another PNG image with text on it…we won’t have it link to anything…just a rollover effect. I’m not sure if this is something that y’all could help me with or if it’s beyond your support.

    3. The hover effect on videos, images and the portfolio grids…the circle with the arrow in it. How can I change the arrow to our logo? I know I’ve seen some replies on this subject before, but I forgot to bookmark it. Could you point me in the right direction?

    My site is located on this test link: http://www.fpcosms.com/fpcnew

    Thanks in advance for any help you can provide!

    March 5, 2014 at 10:51 am #232656
    Ismael

    Hi stacyr311!

    Thank you for using the theme. I hope you’re doing great.

    1.) Please add this on Quick CSS or custom.css to change the hover color of main menu:

    .header_color .main_menu ul:first-child > li a:hover {
color: red;
}

    2.) Please hire a freelance developer to add the hover effects. You can find a lot of tutorials for image rollover.

    3.) Please refer to this link: http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

    Best regards,
    Ismael

    March 5, 2014 at 3:39 pm #232728
    stacyr311

    Thanks Ismael, but the Quick CSS didn’t work. When I put it in and saved the changes, the hover effect is still the same as the background color.

    Also, how can I get the drop down menu on the additional navigation at the top to have the same effects as the drop down in the main menu (hover over and the background is charcoal gray and text is white)?

    March 7, 2014 at 6:35 am #233617
    stacyr311

    I have another question in addition to my one above, so I’ll post both here:

    1. The Quick CSS above didn’t work…so I’m still trying to change in the top navigation the hover effect on the Connect and Contact Links (I would like this white or light grey) and the color that it is after you click the link (again, I would like this white or light grey). I would also like the drop-down menu in the top navigation to match the colors in the main menu drop-downs (hover over and the background is charcoal gray and text is white).

    2. When we pulled up the site on my boss’ computer today (PC using Internet Explorer, I think…not sure what version…I will be double-checking when I’m at the office tomorrow), instead of showing the regular navigation, it flipped to the responsive menu and was a drop down in the upper right. It had previously been showing fine on his computer. It works fine in all browsers on my Mac. Any idea what caused this issue or how it can be fixed if it arises again? (Our old site has this issue with the current version of Firefox…it shows the mobile site when you pull it up on the computer).

    Again, the test link is: http://www.fpcosms.com/fpcnew

    Thanks so much for your help – sorry for so many questions! We’re trying to go live on Monday, so I’m scrambling to get the rest built out but still have those few things I just can’t quite work out!

    March 8, 2014 at 7:39 am #234098
    stacyr311

    Please disregard #1…I figured out how to fix the CSS so it would show up how I wanted.

    But I do still have the issue with #2 above. On my boss’ computer (PC – IE 11 browser), the responsive menu came up instead of the regular menu. It had previously worked just fine and then when we went to look at it the other day (I hadn’t made any changes to the site since we had last looked at it), the menu was gone and there was a drop-down in the upper right (presumably the responsive menu).

    Any idea why this would happen or how to prevent this from happening in the future?

    March 8, 2014 at 11:16 pm #234286
    Ismael

    Hi!

    Thank you for the question. I hope all is well with you today.

    Please add this on Quick CSS or custom.css:

    @media only screen and (min-width: 990px) {
#avia-menu {
display: block !important;
}

#mobileMenu_avia-menu {
display: none !important;
}
}

    Cheers!
    Ismael

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