How to centre text / forms on my mobile – Zerif-lite

  • Hell all

    I don’t know why the theme isn’t automatically centred already, but does anyone know how to make it centred on a mobile device?

    – My website is: https://www.learnandspeakenglish.co.uk
    – I’m using a Samsung S5 and the text / forms are slightly off centre (closer to left side of the screen).

    I searched the code / forums but can’t see anything useful..

    There’s a free English conversation class for the first correct answer ??

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi Cheslp01

    Bootstrap css and your custom css are in conflict.

    try removing this:
    .row{margin-left:-15px;margin-right:-15px}

    Hi Christomwebdesign

    Thanks ?? But I can’t find that code anywhere…

    I can’t see it in my Custom CSS, I can’t see anything called Bootstrap CSS and I can’t see it in my style.CSS…

    Should I be looking elsewhere?

    try

    https://www.learnandspeakenglish.co.uk/wp-content/themes/zerif-lite/style.css

    @line 3264

    change this code

    .row{
    float: left;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

    to 

    .row{
    float: left;
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

    Thanks ! I just copy and pasted the new text into my child theme – and hey presto ??

    My problem now though, is the text (which are links) in my Prices section – has shifted too far to the right…

    What might help explain it is that the text has always been a little too far to the right (on my laptop) – and now this is being mirrored on the phone.

    The question is: do you know why…?

    FYI. The text (which are links) comes from a Woocommerce widget called Product Categories.

    Your welcome!

    try this code

    .product-categories {
    list-style: none;
    margin: 0 !important;
}

    Thank you – another success !!

    However, my site only looks perfect on my PC (with Windows 10)… My friend is using IE8 and he tells me it’s off-centre on his PC…

    Any idea why?

    In fact, ignore that – I think he’s made a mistake… I’ll repost here when he confirms.

    The problem with IE8 is actually that the contact form doesn’t work…

    Error message “Sorry, an error occurred. Enter a valid email.”

    I think it’s a Pirate form (that came with the Zerif-Lite theme).

    You don’t have any solutions do you…? I’ve searched but can’t find anything.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to centre text / forms on my mobile – Zerif-lite’ is closed to new replies.