![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: mobile
-
AuthorPosts
-
August 23, 2023 at 11:21 am #1416941
Hi,
Is there any way to make the header be white and transparent on mobiles ? My goal is to have the same effect as desktop site.
I tried to check all the previous threads but nothing works on my side…Thanks!
August 23, 2023 at 11:58 am #1416944August 23, 2023 at 12:21 pm #1416948Hi, yes I forgot it, it’s been added t the private content.
I found a way to make it works but it might be the less optimized option.
Below the quick CSS I added :
/*Logo size mobile*/
@media only screen and (max-width: 767px) {
.responsive .logo img {
margin: 0 auto;
max-width: 200px !important;
margin-left: -3px!important;
margin-top: 18px!important;
}
}/*Transparent header in Mobile*/
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background: transparent!important;
position: absolute!important;
}}/*white logo in mobile header*/
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
opacity: 0 !important;
}
.responsive #top .av_header_transparency .logo img.alternate {
display: block !important;
}}/*white burger in mobile header*/
@media only screen and (max-width: 767px) {
span.gold-rate-symbol,#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
color: #fff !important;
}
.html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
background-color: #fff !important;
}
}@media only screen and (max-width: 991px) {
.home #masthead-mobile {
position: absolute;
top: 0;
width: 100%;
background-color: transparent;
}}Thanks for your help ! I use enfold for my site since 4 years.
August 23, 2023 at 5:17 pm #1416969Hi,
Thank you for the link to your site, I see your css is working and I don’t see any reason to adjust it, well done.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeAugust 23, 2023 at 6:21 pm #1416982Yes alright you can close, it’s been a long time I’ve worked on this issue and I suprisingly found the final answer just after my request.
I might have another issue but it’ll be another thread.
Thanks for your help !
August 23, 2023 at 6:22 pm #1416984Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Header on mobile’ is closed to new replies.