Header Issues - Support | Kriesi.at - Premium WordPress Themes

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
April 15, 2020 at 2:31 am #1203828

tdproperty
Participant

I am having a few header issues if you could please help. The web site url is listed in private.

1. Advanced Styling > Main Menu Links (does not work correctly when trying to hoover over a boxed color button of the same color as the hoover). My boxed navigation menu color is red and the text is white. When hoovering the text not boxed it turns the font red which is fine. However, i need the boxed text to not change font color when hovering. I would like the box simply to whiten up or darken a bit to let users know they are hovering over the box.

2. When on the home page I am using the see through header. The upper header font is no longer visible because the background color did not change as you can see it works correctly on all other pages that do not use the see through header. As well on the main menu bar the social media icons also do not show up correctly?

April 18, 2020 at 9:53 pm #1205127
Mike
Moderator
Hey Michael,
Sorry for the late reply, to add the opacity and white text to the box button, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
```
#top .header-scrolled .main_menu ul:first-child > li.av-menu-button > a:hover {
    opacity: 0.8 !important; 
}
#top .header-scrolled .main_menu ul:first-child > li.av-menu-button > a:hover span.avia-menu-text {
	color: #ffffff !important;
}
```
For your logo link that was not changing color after scroll and the transparent header, please try this css:
```
#top .header-scrolled.header_color #header_main .logo a {
	color: #000000 !important; 
}
#top .header-scrolled.header_color #header_main .logo a:hover {
	color: #ff505d !important; 
}
```
After applying the css, Please clear your browser cache and check.

Best regards,
Mike
May 14, 2020 at 1:37 am #1212805

tdproperty
Participant

Thank you for the response that fixed most of the issues with the transparent header. The last issue I am facing is that while on the desktop home page if you minimize the browser to mobile view without scrolling down everything disappears. If you scroll down a bit you will notice that the upper header color returns to the blue color instead of white which hides the white text, then on the main header bar, the font turns black so that you can see it on the white background. Any help fixing this would be greatly appreciated. Thank you

May 14, 2020 at 12:17 pm #1212923
Mike
Moderator
Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
```
@media only screen and (max-width: 988px) { 
#top #header_meta {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}
#top .social_bookmarks li a {
    border-color: rgba(255,255,255,0.25);
    color: transparent !important;
}
.avia-menu.av_menu_icon_beside {
    border-right-width: 0 !important;
    border-right-style: none !important;
}
}
```
After applying the css, Please clear your browser cache and check.

Best regards,
Mike
April 2, 2022 at 2:03 am #1346948

tdproperty
Participant

Hi Mike,

Awesome all is working except for on tablet/mobile view the social media icons are not showing up unless hoovered over as seen in this image https://prnt.sc/WWALHEPG7izp ?

April 2, 2022 at 1:13 pm #1346977

Mike
Moderator

Hi,
Thanks for the screenshot, but when I checked on Windows in Chrome, Firefox, & Edge the icons showed for me, try clearing your browser cache, if you are using Safari follow these steps for Safari and note step 4 where you will Clear the History.

Best regards,
Mike

April 2, 2022 at 1:20 pm #1346978

Mike
Moderator

Hi,
I just found another one of your threads for a different site where the social icons are not showing, could you be referring to this site linked below?

Best regards,
Mike
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.