Home › Forums › Pro Themes › Magazine Plus Pro › Centered text in mobile table cells
- This topic has 7 replies, 2 voices, and was last updated 1 year, 11 months ago by Klas Kallin.
-
AuthorPosts
-
December 2, 2022 at 3:57 am #187282Klas KallinParticipant
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 KallinDecember 5, 2022 at 10:04 pm #187312PsinkKeymaster@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
December 6, 2022 at 1:19 am #187316Klas KallinParticipantHi,
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
KlasDecember 6, 2022 at 10:37 pm #187329PsinkKeymaster@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=0d9c4880f7905e1484c61a8a0ebaf68cPlease let us know if it works or not
December 7, 2022 at 1:41 am #187331Klas KallinParticipantHi 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
KlasDecember 7, 2022 at 4:20 am #187332Klas KallinParticipantHi 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.seKind regards
KlasDecember 7, 2022 at 10:22 pm #187342PsinkKeymaster@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
December 8, 2022 at 12:27 am #187343Klas KallinParticipantHi Psink,
Super fantastic, you are the best! It works like charm.
Thank you very very much.
Kind regards
Klas -
AuthorPosts
- You must be logged in to reply to this topic.