Docs

[jiabbasi]

Hello Xthemers,
I am having issues with the mobile responsive text/ Nav bar.

when it comes to smaller devices the site cuts off some of the texts and also one big issue that if you click on the nav bar on the main page it scrolls right away down on its own, I am kind of a noob with coding and I have a good amount of knowledge but I wouldn’t call myself a coder.
Hope to get this resolved because my client is getting mad at me 🙁
Thank you Xtheme

[jiabbasi]

Site URL:
drnewmanoptometry.com

[Joao]

Hi There,

Are you still experiencing this issues?

I have checked your website and it looks fine and navbar behaves normally

In case you are still experiencing this issues could you let us know which device you are using and if possible please send us screenshots?

Thanks

Joao

[jiabbasi]

The smaller iPhones the texts get cut off in some areas. I asked my client to send me pictures and I saw it myself I will attach as soon as I get them.
and for the scrolling issues, I have had this issue for all the mobile phones. once you hit the navbar button on top it automatically goes down as soon as you try to select from the menu.
Thank you,
Jonathan

[Rupok]

Hi Jonathan,

Thanks for updating. I have checked the page and can’t see any cut off issue for iPhone layout. Also the mobile navbar is working fine as well. If you touch on the arrow, it open the submenu but doesn’t scroll. So not sure what you are referring. Would you clarify a bit more?

Cheers!

[jiabbasi]

I am Referring to the main page it just goes down super fast when you try to navigate.
I also uploaded an image with the text cut off and I have a few ones that my client is having issues with. I think my client is using a search engine website viewer that is powered by chrome would that play a part on why the website is not fully showing ? Because on my phone which is a bigger phone (note 5) everything looks fine.

[Nabeel A]

Hi again,

Can you please upload the images again. Make sure you re-size them before uploading.

Thanks!

[jiabbasi]

if you can see the E is cut off

[jiabbasi]

RE-upload
also, this page has different font look or size out of all the pages http://drnewmanoptometry.com/specialty-contact-lens-fitting/

I am honestly having so many issues with the site if you could help me out and look over if there is anything you can do.
thank you

[Jade]

Hi there,

Please add this code in the customizer:

@media (max-width: 480px) {
    .p-info font,
    #x-section-7 .x-column:nth-child(3) .cs-ta-center a {
        font-size: 12px;
    }
}

Then as for the body content, you can make use of the Responsive Text feature in Cornerstone to avoid the overflowing text.

Hope this helps.

[Author]

Posts