Side-by-Side Buttons in Mobile

Site URL: http://www.batsevamakes.com

How does one make buttons be side by side in Mobile view?

I want them to be inline with each other so that they can act as "previous project" and "next project" buttons. 

2 hours ago, batstheman said:

Site URL: http://www.batsevamakes.com

How does one make buttons be side by side in Mobile view?

I want them to be inline with each other so that they can act as "previous project" and "next project" buttons. 

Hi there

Please show us which pages contain the buttons to edit

43 minutes ago, bangank36 said:

Hi there

Please show us which pages contain the buttons to edit

Sure!

http://www.batsevamakes.com/krakow-workshops

Please try this if it help, paste the code in Advances->Custom code injection->Footer

<style>
@media screen and (max-width: 640px) {
	.blog-row-btn .sqs-col-6 {	    
	    width: 50% !important;
	    display: inline-block !important;
	}
	.blog-row-btn .sqs-col-6:first-child .button-block {
		padding-left: 0;
    	margin-right: 17px;
	}    
}	
</style>
<script>
(function() {
	function contains(selector, text) {
	  var elements = document.querySelectorAll(selector);
	  return Array.prototype.filter.call(elements, function(element){
	    return RegExp(text).test(element.textContent);
	  });
	}

	var prevBtn = contains('.sqs-block-button-element', '←previous')[0];

	if (prevBtn) {
		var row = prevBtn.closest('.sqs-row');		
		row.className = row.className.concat(" blog-row-btn");
	}

})();

if (!Element.prototype.matches) {
  Element.prototype.matches = Element.prototype.msMatchesSelector || 
                              Element.prototype.webkitMatchesSelector;
}

if (!Element.prototype.closest) {
  Element.prototype.closest = function(s) {
    var el = this;

    do {
      if (Element.prototype.matches.call(el, s)) return el;
      el = el.parentElement || el.parentNode;
    } while (el !== null && el.nodeType === 1);
    return null;
  };
}
</script>

Darn it.. I'm on the personal plan. I can't do Code Injections. Thanks anyway ❤️

19 hours ago, batstheman said:

Darn it.. I'm on the personal plan. I can't do Code Injections. Thanks anyway ❤️

You can add Code Block into the page, it's can be found in page editor

6 hours ago, bangank36 said:

You can add Code Block into the page, it's can be found in page editor

Unfortunately, it says this. 😅

1 minute ago, batstheman said:

Unfortunately, it says this. 😅

LOL, I tried

1 minute ago, bangank36 said:

LOL, I tried

Hahaha, yes thank you for that!! 😃

On 6/23/2020 at 10:29 PM, bangank36 said:

Hi there

Please show us which pages contain the buttons to edit

Bangank36, I'm trying to do this with my page as well.

www.artistsandbeyond.com

See how the two buttons aren't side by side on mobile? Can you tell me the specific parts of the code you have in here that isolates those specific buttons? Or is it a side-wide code?

Thanks for the help!!!! 

On 8/21/2020 at 2:20 PM, Tyce said:

Bangank36, I'm trying to do this with my page as well.

www.artistsandbeyond.com

See how the two buttons aren't side by side on mobile? Can you tell me the specific parts of the code you have in here that isolates those specific buttons? Or is it a side-wide code?

 

Thanks for the help!!!! 

So far it specify button by the text, so if you want to make it on specific element, may need to provide the id