Archived topic
Mobile Optimization affecting tablet / desktop view
3 replies · Started by Syed on March 13, 2023
Hi there,
I am using the driver theme on GP Premium with Generate Blocks. I was trying to make the site work mainly for desktop and then optimise for mobole by using the default hidden CSS classes that I saw posted in this forum to hide containers and blocks that didn't work well on mobile.
However seeing a couple of issues since playing around with it. In Desktop I previously had a H1 tag and custom form on the hero page which worked well in desktop but too many gaps and image was too big for mobile before the main site content loaded so I thought to use hidden class for the containers.
1. When I set the container in the hero to be hidden for mobile and tablet it looks like something has gone wrong even in desktop view so it's cut a bit of the form (the html block) on the right hand section of the grid. If the container is only hidden for mobile and tablet then it should be affected in desktop or so I thought?
Hi Syed,
To clarify, is it the "GET A FREE QUOTE NOW" form? If so, this form is showing on desktop on both URL links you provided.
Can you try clearing browser cache?
Hi Fernando - Yes that's correct but I think I managed to find a solution changing the site. It seems hiding the second form on desktop only breaks it whereas now I have it visible on all formats.
I need to raise a new request but maybe you can help with this simple query?
On the site-clearance page I gave now under mobile view the hero image is too tall and I think it should be smaller as there is less text on the hero cover required - what's the simplest way to reduce this for mobile only?
Thanks
S
I see.
Perhaps you can add hide-on-mobile on mobile view for the 2nd column?
Also, the Container holding the text has a high bottom padding value on mobile. Perhaps that can be removed as well.
