I am having a problem editing the header and footers to match my desktop version to the mobile versions.
The WooCommerce product pages will not match up at all and I am not sure how to edit those. The WooCommerce product pages do not have a tagDivComposer edit option.
Also, none of the page’s headers and footers match the desktop version or mobile version when I rotate the phone from vertical to horizontal. It changes to an old version of the footer that I deleted. The image has even been deleted from my media files.
I have deleted the cache AND turned off caching while I try to correct this.
I am using the Newspaper Default Pro template.
Your help is appreciated!
Website is beachlifelovers.com
Hello,
I checked now, and the header and footer are the same for desktop and mobile.
For shop, you need to have the tagdiv Shop plugin enabled, and after you can import the template for products -> https://cloud.tagdiv.com/#/load/Woo%20Product
Thank you!
Thanks for the reply. They are NOT the same on mobile devices. I do have the tag division Shop plug-in activated.
The shop pages have a snowman picture background while the other pages have a beach background.
Then the pages with the beach background in the footer go to the snowman background when rotated to horizontal on mobile.
I want the footer background to be the same all of the time on all devices.
I actually deleted the snowman picture from my media files and it is still showing up.
Your help is appreciated.
Thanks!
Hello,
For me, the header looks like this https://i.imgur.com/6fdF4S6.png and this image is on the footer https://i.imgur.com/HSd4MEh.png, but to make sure, please edit with tagdiv Composer, select the viewport on phone, select the row from the footer and go to the tab Css and check if you have there, set a background image.
Thank you!
Hello,
You need to check the row for each port. This is how it is displayed for me -> https://we.tl/t-0tyYFU4xu7
Thank you!