Mobile theme

Activello
1

Hello, my mobile site is not showing my static front page correctly. The logo is missing, the table I created is off slightly, and my menu displays differently. Is there a way to fix some of these issues? My site is jennyjeepjohnson.com.

2

Hi @suzileigh,

I hope you are well today and thank you for your question.

It seems you are using Jetpack plugin on your site so please make sure you are not using its Mobile Theme functionality Mobile Theme which may be causing this issue.

Best Regards,
Movin

3

Thank you. That solved the mobile version problem but how do I fix the width discrepancy between my desktop site and my mobile site?

4

Could you please tell me a bit more in detail what you meant by “width discrepancy between my desktop site and my mobile site” so that i can help you?

5

So when I’m on my site on desktop, I see the full layout with all 4 buttons above the main picture, but on the mobile version it only displays 2 of the 4 buttons and you have to scroll over to see the other 2. On my blog page on mobile I have to scroll over to see the full header. So it seems like the width is not changing to fit the mobile version, unless it’s a different problem that I’m not aware of.

6

You can try resolving this issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS


table {
    max-width: 100%;
}
body.blog #logo .navbar-brand:before {
    max-width: 100%;
    background-size: 100%;
    width: 520px;
}