Optimize website for mobile

  • Hi guys,

    i am building a website and i am currently doing some testing. I want to ask if there is any simple add-on or setting/plugin i can add into WordPress or Elementor to make sure my wesbite looks the same on mobile as it does on a laptop/pc screen?

    The reason i ask is because on my machine the website looks fine. But when viewing the site on my mobile phone the the first page image where you see the two people running do not show below my title.

    Another example is if you click on Gain Weight the top image does not show correctly in that the guy is not properly shown.

    Can somebody provide any suggestions on how i can ensure it looks the same on all platforms?

    • This topic was modified 4 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You need to apply the following CSS to make the image to the center.

    
background: url(https://myfitnesshours.com/wp-content/uploads/2019/12/jogging-4211946_1920-1.jpg) no-repeat center center fixed;
background-size: cover;

    the site is never going to look the same on a mobile screen as it does on desktop as they are completely different screen sizes.
    You either need to optimise the layout so it looks good on both, or you need to have a different layout for mobile and desktop.

    You say you are using Elementor, which makes this very easy.
    Watch this: https://www.youtube.com/watch?v=VPyBuNLpt4U

    Thread Starter winters11223

    (@winters11223)

    Hi,

    sorry for the delay reply thanks for the response i’ll use the youtube link you sent and try those methods.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Optimize website for mobile’ is closed to new replies.