Is there anyway i can centralised the grid on handphone display?

carlsonkoh · Member · Jul 25, 2019 at 11:07 am
Copy link

Add topic to favorites
My website is: https://justaccounting.com.sg/ourservices/

Using phone to view, the 6 grids are not centralised on the phone’s screen. It is slightly to the right and is there any way to impose the hover effect on phone too?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 25, 2019 at 8:25 pm
Copy link
Hi there, give the following custom CSS a try and see what you think.
```
@media screen and (max-width: 799px) {
  .page-id-5 .site-content .four {
    width: 100%;
  }
}
```
carlsonkoh · Member · Jul 28, 2019 at 8:03 am
Copy link
wow thank you so much. it helps! Thank you!
carlsonkoh · Member · Jul 28, 2019 at 8:23 am
Copy link
Hi Team,

Could you kindly help me out on this one too?

Website: http://www.justaccounting.com.sg

The footer wording ‘Stop wandering……………Without any Obligation’ appears not to be centralised on the phone display too.

Regards,
Carlson
staff-zinnia · Staff · Jul 28, 2019 at 6:00 pm
Copy link
Carlson –

How do you want that text to display if not centralized? Thanks.
abhogan · Member · Jul 30, 2019 at 2:55 pm
Copy link
At least on my end the text you referred to appears to centered, technically, but it’s in a column that has a 30px right padding applied to it making it look slightly off in relation to the logos above it.

Try this:
```
#tertiary .twelve.column {
     padding-right: 0;
}
```
carlsonkoh · Member · Aug 2, 2019 at 3:53 am
Copy link
wow thank you so much. it is centralised now.
abhogan · Member · Aug 2, 2019 at 8:55 am
Copy link
Awesome! Glad it worked out. :)

No items found.