Home Forums Pro Themes Magazine Plus Pro Centered text in mobile table cells

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #187282
    Klas Kallin
    Participant

    Dear Sirs,

    Please if possible provide extra css to correct the following phenonomen:

    On desktop my WP text in table cells is aligned to the left left as intended but in the mobile version the text comes out centered which does not look very nice.

    Please have a look at: https://ekensberg4.se

    Thank you very much in advance.

    Kind regards
    Klas Kallin

    #187312
    Psink
    Keymaster

    @KKNP, Could you please provide us with a screenshot of the text? I have visited your site but I did not get the text that needs to be aligned at the center in the mobile screen

    #187316
    Klas Kallin
    Participant

    Hi,
    Sorry for not being more specefic as to what pages contain tables!
    Please, on a mobile, go to menu item “Members” and there the first sub-menu item “Latest news” and you will see the problem.
    Thank you!
    Kind regards
    Klas

    #187329
    Psink
    Keymaster

    @KKNP, please add this CSS at the end of the Additional CSS.

    #breadcrumb {
    margin-left: auto;
    }

    #main-nav .main-nav-wrapper .container{
    z-index: 1;
    }

    #breadcrumb .container div {
    position: absolute;
    }

    #breadcrumb .breadcrumb-trail .trail-items{
    padding: 10px 20px;
    padding-bottom: 30px !important;
    }

    After adding the above CSS your site looks something like this
    https://www.awesomescreenshot.com/video/13079498?key=0d9c4880f7905e1484c61a8a0ebaf68c

    Please let us know if it works or not

    #187331
    Klas Kallin
    Participant

    Hi Psink,

    Thank you very much for your suggestion but it did not help.

    I have incorporated the extra CSS but to no effect on the problem.

    You can check it out on the following TESTSITE (which is identical to my mainsite: ekensberg4.se), the URL to the testsite is:

    wpekensist.vardagshjalp.se

    Please have another look at the matter and please let me have another suggestion for extra CSS to try.

    Thank you very much in advance!

    Kind regards
    Klas

    #187332
    Klas Kallin
    Participant

    Hi again Pisink,
    Forgot to check the link to the screenshot (Awesomescreenshot) that you stated in your latest reply but did so now. I can then see that the screenshot used is from a page on my site where the problem does not exist!!
    The problem only exist on pages where there is a WP TABLE included and the problem further only exist ON MOBILES.
    Please, on a mobile, have a look at the section “Members” and there the submenu-item “Latest news”. Please use my testsite: wpekensist.vardagshjalp.se

    Kind regards
    Klas

    #187342
    Psink
    Keymaster

    @KKNP, Yes I can see the text of the table aligned at the center on the smaller devices. Here is the CSS that will fix the issue

    @media only screen and (max-width: 1023px){
    td, th{
    padding: 10px;
    text-align: left;
    }
    }

    Please let us know if it works

    #187343
    Klas Kallin
    Participant

    Hi Psink,

    Super fantastic, you are the best! It works like charm.
    Thank you very very much.
    Kind regards
    Klas

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.