- This topic has 3 replies, 2 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
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?
Customer Support
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
SI see.
Perhaps you can add
hide-on-mobileon 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.
- You must be logged in to reply to this topic.
