Hello there,
Thank you for reaching out to us here.
Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?
@media only screen and (max-width:1024px){
.site-header{
background-color: transparent !important;
height: 0 !important;
padding: 0 !important;
}
.site-header .row,
.site-header .container,
.site-header .col-md-4{
height: 0;
overflow: visible;
}
.site-header .col-md-4,
.site-header .col-md-8{
height: 0;
overflow: visible;
position: relative;
z-index: 99999;
}
.site-header .col-md-8{
width: 100%;
}
}
@media only screen and (min-width:768px) and (max-width:1024px){
.btn-menu{
margin-top: 34px;
}
#mainnav-mobi{
margin-top: 53px;
}
}
@media only screen and (max-width:767px){
.btn-menu{
margin-top: 90px;
}
}
Regards,
Kharis
Hi,
I thank you for the help. I copied and pasted what you wrote into simple css plugin but didnt notice any changes for the header or the text through my phone.
Hello there,
Please clear your web browser’s cache then reload your site.
Regards,
Kharis
hi,
I cleared the cache and attempted again but it remains the same.
Hello there,
Where did you add that custom CSS code? Could you please confirm if the group of CSS code where it be part of is error free? You can examine it using this tool https://jigsaw.w3.org/css-validator/#validate_by_input
Regards,
Kharis
Hi,
You are correct the validator found – 3 Parse Error /* #content { margin-top: 170px; }
9 Parse Error }
This is in the custom css plugin. Im not proficient with coding so i dont want to try to make changes before you respond.
Thanks again
Has the problem been resolved? Please confirm.
Regards,
Kharis
No, i haven’t done anything since running it through the program. It read errors but doesn’t show me exactly what the problems are. can you show me how to make the changes?
Thank you
Hello there,
Please move the code I suggested to the most top line.
Regards,
Kharis
Ok, this is all that remains now.
/* #content {
margin-top: 170px;
}
@media screen and (max-width: 990px) {
#content {
margin-top: 60px;
}
}
i re pasted in the original code you wrote for me. It got rid of the header on mobile. I just need to shrink the header tags and text now and im all set.
Thank you!
Hi, All of the changes worked well but today i attempted to edit a few pages and after pressing “edit page” This showed up.
Warning: array_merge(): Argument #1 is not an array in /home4/michael9478/public_html/wp-content/plugins/google-analyticator/google-api-php-client/src/Google_Client.php on line 40
Warning: array_merge(): Argument #1 is not an array in /home4/michael9478/public_html/wp-content/plugins/google-analyticator/google-api-php-client/src/Google_Client.php on line 103
Fatal error: Class name must be a valid object or a string in /home4/michael9478/public_html/wp-content/plugins/google-analyticator/google-api-php-client/src/Google_Client.php on line 104
