Jump to content

Custom Code is not showing up centered on the Mobile Site

Recommended Posts

Hi,

I've added some code within my site via the code block, along with the design and advanced sections in the back end. For reference (since my site is not live yet, only in private viewing) the custom codes allow one code block text to wrap around to show different text and the second one is a counter for the numbers.

I noticed that those code blocks do not show up centered only on our mobile viewing. Please see the images as an example. Is there a way to center that for better viewing?

 

Thank you!

IMG-0545.PNG

IMG-0544.PNG

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

On 7/15/2021 at 7:01 AM, AmandaE_CS said:

Hi there,

 here is my URL: www.coresolarllc.com

 

The issue is solely when viewing from a mobile.

 

Thanks!

Add to Design > Custom CSS

/* center custom code mobile */
@media screen and (max-width:767px) {
/* banner animated code */
div#block-yui_3_17_2_1_1624735388342_6027 {
    padding-left: 0px;
}
/* counter number code */
div#block-15f4683e9abdf59d513d {
    padding-left: 0px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
7 hours ago, tuanphan said:

Add to Design > Custom CSS

/* center custom code mobile */
@media screen and (max-width:767px) {
/* banner animated code */
div#block-yui_3_17_2_1_1624735388342_6027 {
    padding-left: 0px;
}
/* counter number code */
div#block-15f4683e9abdf59d513d {
    padding-left: 0px;
}
}

 

That worked! Thank you so much for your help!!

Link to comment
On 7/16/2021 at 9:32 PM, AmandaE_CS said:

That worked! Thank you so much for your help!!

Do you need to fix these?

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

1. (Tablet – Homepage > Header) When scrolling down, header is cut off

coresolarllc.com-01-min.png

2. (Tablet – Homepage) There is white space in right of screen

coresolarllc.com-02-2-min.png

3. (Tablet/Mobile – Overlay menu/Latest news > Posts) Logo looks a bit small, want to resize it?

https://www.coresolarllc.com/latest-news/partnering-with-fleming-county

 

coresolarllc.com-03-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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