- This topic has 7 replies, 2 voices, and was last updated 2 years ago by
.
-
Posts
-
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@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
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@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
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
KlasHi 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
Klas@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
- You must be logged in to reply to this topic.
