Hi
I am using Newspaper Mobile Theme for AMP only.
The responsive mobile header looks like this:
http://www.screencast.com/users/narinder912/folders/Default/media/edae994a-1c7c-4f0b-85ba-d60c9b558c0d
In this header, the hamburger and search icons are both correctly aligned with the post content. There is also a border at the bottom of the header.
The header when viewed in Mobile Theme, looks like this: http://www.screencast.com/users/narinder912/folders/Default/media/c932f7fd-67bf-46c0-b00e-690b6e6bcb4c
The hamburger and the search icons have more padding on each side (both have come inwards) and also the bottom border is gone. I have tested this with different display size mobile phones with the same result.
I would like to have the same header look for both my responsive and mobile theme designs. Can you please give a fix for these two issues?
My website address is: https://www.desiyatri.com
Thanks.
Hi,
I’ve tested your website with some phones, but for me is working normally, here are the results:
-> https://www.screencast.com/t/uwraKEPcZN2K
-> https://www.screencast.com/t/jydUdRc9KB
Thank you!
Hi
As I have said in my original post, the issue is with the Mobile Theme/AMP version, not with the Responsive version. Please see this: http://www.screencast.com/users/narinder912/folders/Default/media/c932f7fd-67bf-46c0-b00e-690b6e6bcb4c
I am using Mobile Theme only for AMP and so, please test any url of my website with AMP, then you will see it.
The problem is very much there.
Thanks.
Hi,
Try this custom css -> https://www.screencast.com/t/AVchG8gK
.td-header-wrap .td-container {
padding-left: 0;
padding-right: 0;
}Set the code in Newspaper>Theme panel>Mobile theme >Custom code> css -> https://www.screencast.com/t/dA5yufAey save the settings, clear all cache and try again.
Thank you!
Thank you, it worked. For the border at the bottom of the Mobile Theme header, I used this code:
#td-header-menu {
border-bottom:2px;border-style:solid;border-color:#efefef;
}
This is working too. Both issues are resolved.
Thanks.
