Jump to content

Horizontal Align Text Block in Mobile View.

By Murso500, in Customize with code

Go to solution Solved by Beyondspace,

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Beyondspace
Beyondspace

Please send the site url

Murso500
Murso500

https://guava-guppy-sx4w.squarespace.com PW: test

Beyondspace
Beyondspace

i mean the page with these elements

Posted Images

Beyondspace Level 14

Beyondspace

Posted
Posted

Please send the site url

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
Beyondspace Level 14

Beyondspace

Posted
Posted
30 minutes ago, Murso500 said:

https://guava-guppy-sx4w.squarespace.com

PW: test

i mean the page with these elements

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
Murso500 Level 4

Murso500

Posted
  • Author
Posted (edited)

I see, sorry. 

It's basically any of the 'project pages' when viewed in mobile. 

Link to all the pages with the same issue: 

https://guava-guppy-sx4w.squarespace.com/moleskine-milan

https://guava-guppy-sx4w.squarespace.com/footpatrol-london

https://guava-guppy-sx4w.squarespace.com/carhartt-soho

https://guava-guppy-sx4w.squarespace.com/carhartt-shoreditch

https://guava-guppy-sx4w.squarespace.com/red-red-london 

https://guava-guppy-sx4w.squarespace.com/carhartt-showroom

https://guava-guppy-sx4w.squarespace.com/footpatrol-paris

https://guava-guppy-sx4w.squarespace.com/jd-sports-flagship

 

Edited by Murso500
Link to comment
  • Solution
Beyondspace Level 14

Beyondspace

Posted
  • Solution
Posted

I'm not sure why your blog page has different navigation blog post, so here a work around with the help of some custom code

1. Settings->Design->Custom Css 

@media only screen and (max-width: 768px) {
    .col.blog-navigation {
        width: 50% !important;
        float: left !important;
    }
}

2. Settings->Advanced->Code Injection 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
	jQuery(document).ready(function() {
    	$("a:contains('← Previous')").closest(".col").addClass("blog-navigation");
		$("a:contains('Next →')").closest(".col").addClass("blog-navigation");
    });
</script>

3. Outcome

image.png.31855002fffff28aee50496edb038817.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources