Make Product Top Description and Bottom Description Responsive.
We have a WordPress site and each category has TOP CONTENT and BOTTOM CONTENT boxes where relevant content for the category is inserted for each category page.
Top Content: Displays on TOP of the page on all devices.
Bottom Content: Displays on the Bottom of all devices.
The current setup is each TOP & BOTTOM block of content is repeated twice as follows:
* First Block:
The first block of content with HTML tag for DESKTOP uses “hide-from-small” for content. This block displays full content for Large Screens and hides for small screens.
* Second Block:
The second block uses exact same content as First Block for smaller screens with the tag “show-from-small”. This block displays content for smaller screen sizes and hides for Large screens. It shows the first 2 lines of content with READ MORE tag to toggle text (open/close).
As you can see we have used this technique to show full content on desktop as the screen size is bigger and READ MORE tab for the smaller screen. Having exactly the same duplicate content on the same page is an SEO issue and search engines might penalize for this setup.
1. Remove 2 blocks of the same content to just 1 block of content.
2. Make both TOP & BOTTOM content responsive so that it can work only with 1 block of content for all devices. Full display for large screens and with READ MORE toggle (open/close) for small screens.
41 freelancer chào giá trung bình£159 cho công việc này
hello i am expert in wordpress to do with css and jquery to fix that issue you will satisfy with my work i can do this work asap this simple work for me thank you