Hiding columns during SMand MD breakpoint

Hi there
Im using the "Hide During Breakpoints " on a column with elements on this page. In cornerstone it works fine when I view on the front end the <MD is hidden when viewed <MD
Cornerstone
Frontend
Thanks in advance

Hi @philysgdy,

Sometimes the only screenshot doesn’t help us to recognize the issue you are having. We need to examine your site to check what is the cause of your problem.
Hope you will not mind sharing your website credentials. Please provide the details of your site in a secure note, including:

– WordPress Site URL & Admin URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Hi tristup
Secure note coming up
Wordpress URL http://www.johnbarilaro.com.au
Thanks

Hello @philysgdy,

I checked your site it seems that it is working fine at my end. I went ahead and checked your backend settings. It seems that you have set a breakpoint on these two section (Quick link 1, 2) for a small device
Please have a look at the screenshot in a secure note. It might be the cache issue at your end I would suggest you clear your browser cache and then check it again.

Thanks

Hi Prakash
No, that section is working fine. It’s the signup section that is not working as anticipated. It works on other pages with the same technique but here the signup row is hidden but shows in Cornerstone

Hello @philysgdy,

After further investigation, I found out that you have an unclosed <div> element in the contact form which messed up the whole section layout.


The correct form should be:

<div class="inline_form">
  <div class="column" style="background-color:rgb(10, 86, 64);">
	  <label>
	    [text* first-name:first-name watermark "First name*"] </label>

	  <label>
	    [text* last-name:last-name watermark "Last name*"] </label>
 </div>
 <div class="column" style="background-color:rgb(10, 86, 64);">
	  <label>
	    [email* your-email:your-email watermark "Your email*"] </label>

	  <label>
	    [text* your-postcode:your-postcode watermark "Your postcode*"] </label>

	  [submit "Subscribe"]
  </div>
</div>
<div class="inline_form">
  <div class="column" style="background-color:rgb(10, 86, 64);">
	  <label>
	    [text* first-name:first-name watermark "First name*"] </label>

	  <label>
	    [text* last-name:last-name watermark "Last name*"] </label>

	  <label>
	    [email* your-email:your-email watermark "Your email*"] </label>

	  <label>
	    [text* your-postcode:your-postcode watermark "Your postcode*"] </label>

	  [submit "Subscribe"]
  </div>
</div>

Please update your contact form and test the page again. By the way, I have temporarily deactivated the caching plugin while we are still troubleshooting your issue.

Best Regards.

Awesome Rue
Thank you yes it’s often the little things that catch u out. You guys are stars best support ever😍

You are most welcome @philysgdy.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.