Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Code is not showing up centered on the Mobile Site


AmandaE_CS

Question

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
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0
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.

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
  • 0
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
  • 0
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.

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...