- This topic has 14 replies, 3 voices, and was last updated 4 years, 8 months ago by
.
Viewing 15 posts - 1 through 15 (of 15 total)
-
Posts
-
Attention Ava, I added a new video to the list of videos on my home page (Elementor Page Builder page) and a problem is occurring when viewed on my mobile phone, the styling is incorrect for the text associated with the newly added video. Please refer to the earlier (already closed) forum topic on the same subject, for more details: https://wplms.io/support/forums/topic/some-text-on-my-home-page-is-not-responsive/Okay, so I have checked and fixed the issue. You can check now. Refer: http://prntscr.com/of2zbyOkay, I know that is causing the problem as every time you are adding new content, it has the same issue in mobile. Please try to understand what is happening. Whenever you are adding new content, you set some margins, padding according to the desktop view in here through elementor. And this is set as static and it does not change for when you see in mobile. Check: http://prntscr.com/ohaueg That's why we need to add css every time for new content you added, to edit the margin/padding you have set for desktop view. Check: http://prntscr.com/ohar24To fix the 9th video content in mobile, please add the below custom css code tto Wp-admin > appearance > customiser > custom css > publish @media (max-width: 500px) { .elementor-3390 .elementor-element.elementor-element-adc7b76 > .elementor-element-populated { margin: 0px 0px 0px 0px; padding: 50px 40px 70px 40px; }}Please understand this is not an issue of wplms, its a css issue. For the fix, what we have to do is we have to remove all the static values of margin/padding in the blocks you have given. Then add a common class to all those blocks and set the right properties. Also, when you add a new content, you have to make sure that you add that common class to that section too. For quick fix, it will be better if you add all new video once in your site, and I just write css for its fix. Do let me know.Here are the answers to your questions: 1- here is the menu: refer: https://cl.ly/4ea7b9 2- White space below the header menu: i did not find any space: http://prntscr.com/oqe8er 3- How can I have the H1 text appear white? goto wp-admin >> appearance >> customize >> typography >> h1 color. refer: http://prntscr.com/oqe9wx 4 to 7: share video of the issues and some stills with proper demarcation. 8: it is aligned. it's because of your logo size & shape. refer: http://prntscr.com/oqed6p if you want to align like this let me know. i will share a custom code that will only work for this element only. IT WON'T AFFECT ELEMNTOR TEMPLATE. 9: goto wp-admin >> appearance >> customize >> header >> header background color. 10: goto wp-admin >> appearance >> customize >> footer >>footer background color. http://prntscr.com/oqevtg 12: it depends where you are keeping this shortcode. if it is in the sidebar. it will align as per the container's available size. if you want to style more then that will need some extra css. for 11 to 24: share video of the issues and some stills with proper demarcation. waiting for your response.Hello, Yes, that would be great to understand the complexity. you could also set up a local website by using mamp /wamp software on your local machine then install WordPress in it.
here is the CSS file: this is demo 14 custom css
- if you check these codes. there are no elementor related classes. open in notepad then search elementor keyword.
- switch to any other theme link twenty nineteen then check cut all css codes from custom css and save it somewhere.
- then check how your page responds without wplms. it's safe you can test this on your live server.
- before trying all this have a backup of your site for security & precautions purpose.
Viewing 15 posts - 1 through 15 (of 15 total)
- The topic ‘Some text on my home page is not responsive.’ is closed to new replies.