Pages not appearing correctly on mobile phone

  • Author
    Posts
  • #100427

    valerenebespokejewellery
    Member
    Original poster

    Hello,

    I adjust the page width in CSS using the following:
    `@media screen and (min-width: 1000px) {
    body.page .entry-header, body.single .entry-header {
    width: 700px;
    }

    .entry-author, .entry-content, .entry-footer {
    width: 1000px;
    }
    }

    and in order to center the page, I indented the content for the pages to make it sit right on a full-width page.

    However, it does not look alright on a mobile phone. The website I need help with is http://www.valerenebespokejewellery.com.au.

    Can you please help?

    Thank you!

    The blog I need help with is: valerenebespokejewellery.com.au

    #100669

    anarieldesign
    Theme Author

    Hi,

    thanks for purchasing this theme.

    Unfortunately this is not so easy to do as you need to adapt and change many things for the responsive part. It’s best to use the theme as it is, as everything is checked and made responsive from bigger devices to smaller. We don’t offer that kind of customization here.

    All the best,
    Ana

    #100670

    valerenebespokejewellery
    Member
    Original poster

    Hi Ana,

    I think the problem is that the right hand sidebar that I don’t use is still taking up invisible space… is there a way to remove it from the template?

    #100672

    anarieldesign
    Theme Author

    Hi,

    you can try to add this:

    .entry-author, .entry-content, .entry-footer {
        width: auto;
    }

    Let me know if this helps.

    All the best,
    Ana

    #100673

    valerenebespokejewellery
    Member
    Original poster

    that works! Great, thank you!

    Also, how to I center a contact form?

    #100677

    anarieldesign
    Theme Author

    Great :).

    I answered on your other ticket about centering contact form.

    All the best,
    Ana

The topic ‘Pages not appearing correctly on mobile phone’ is closed to new replies.