The mobile theme has not been what it looks like in the previews, can you advise with fixing it? I have a double header and the overall look is very clunky. My site is http://www.njtechreviews.com .
Thanks,
Jake
Hello njtechreviews,
Where do you have two headers on your website? I have inspected it and I did not saw two headers, sorry -> http://screencast.com/t/USeJDaG5 Also, I have checked it and I saw that you do not have the latest version of it. You have 7.3 version. try to update the theme via FTP method, clear all your caches and check the results. Before these steps, you should make a full backup to your data to be safe.
Also, if is not what you mean, please provide more details about your problem so I will be able to provide a more accurate response.
Thanks for the message!
Hi Catalin,
Thank you for the prompt reply. I have a double header on the mobile site. With one black bar with a blank outline in the middle of a square and one directly under that has the logo. It also has weird edges to it, as if the UX is extending the page for the content with a weird slide from left to right, thus causing our content never be center on the screen.
Hoping you can help.
Jake
Hello njtechreviews,
I have checked your website and I saw that your first black header does not come from our theme. To hide it, you should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
#menufication-top{
display:none;
}
.menufication-add-padding{
padding-top:0;
}
The result is here -> https://www.screencast.com/t/BOOJb29K
Also, inspecting your website, I have noticed that you are using some untested plugins which can interact with the theme core files and cause a lot of unknown issues. Please try to disable all of them and install only the plugins that come bundled with the theme packet and rule out any conflicting plugins.
Also, if the problem is still there, try to make a new clean install from scratch via FTP, use only the required plugins which come bundled with the theme packet, clear all your caches and check the results.
Hope this helps and let us know how it goes!
Thanks for your understanding!
Hello njtechreviews,
Try to add the !important tag to above custom CSS. Probably, that’s why the code is not applied. here you will see what type of plugins are not tested and you are using them -> https://www.screencast.com/t/PQJFdFEE2Z
Hope this helps and let us know how it goes!
Thanks for the message!
Hi Catalin,
I tried the !important tag and it did not work. Photon is part of the Jetpack sweet which is made by WordPress and even with deactivation it does not fix the issue. Any ideas?
Thanks,
Jake
It seems the menufication plugin is causing the menu on the mobile theme.
The photon is a setting of jetpack tjhat is known to cause issues with our theme. Jetpack has grown into a huge plugin with lots and lots of settings and unfortunately not all opf them work properly. Photon is known to cause image issues.
Please remove menufication if you want to have a proper mobile theme header or use the code above as I have tested it again and it works properly. you probably have an open css tag in your custm css code already present before adding this one. That is the most common issue with css that does not apply. Here is an example of how the code applies from our side:
https://www.screencast.com/t/eUeCd9NIgA2
Thank you!
