Poor Mobile Experience

@spruc3w00d

If you have change the theme code on your own then can you revert back the changes done and check?

Thanks.

Thank you for your response, Nitu. I solved the Main Header Menu (desktop) issue by increasing the padding. Looks much better now. I also reduced some of the text in the Top Header Bar to ‘[email protected] | 1-877-585-0956.’ It looks better, but still not great. Is there any way to have this string of text centered at the top of a mobile browser window? It looks fine left-justified on a PC, but not my iPhone.

I made some simple changes per your recommendation, and it did not solve the primary problem with the mobile experience. The main issue revolves around the ‘Call to Action’ text and the ‘Contact Us’ button on the Main Slider Image (homepage). When you view the Homepage from a mobile device (ie: iPhone 11) the only text that’s visible is ‘Need Computer Help?’ Please look at the Homepage side-by-side, PC and Mobile device, to see exactly what I’m referring to.

Is there any way to reduce the overall size of the ‘Call to Action’ section (mobile browsers only), so all the text is visible on a mobile device? Can you supply me with some simple CSS code I can add that will make these changes?

Thank you for your time and attention to this matter. I look forward to your response.

@spruc3w00d

Can you add the below CSS code to Additional CSS box and check?

@media screen and (max-width: 767px) {
.small-info-text p {
    text-align: center !important;
}
}
@media (max-width: 420px) {
  #featured-slider .entry-content, #featured-slider .slider-read-more-button {
    display: block;
  }
}

Thanks.

Perfecto! Thank you for your help, Nitu! Cheers!