[Joaozinho]

Hi,

I have an issue with the website on a mobile device.

If you visit http://www.worldcupbrazil.net and go to a page other than the homepage, it doesn’t look good. On the right half of the screen you only see the background and on the left side the content.

How can this be fixed?

Another question would be about the menu which becomes 1 pulldown menu on a mobile device. Is it possible to only see the main menu options in this pulldown menu and not the main + submenus? So only when you click on 1 of the main menu options, you see the list with submenus. Is this possible?

Thanks in advance.

[Sakin]

@Joaozinho: There is issue with your next and previous code. So, you need to make that responsive. To make that responsive you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#nav-single { width: 94%; }

[Joaozinho]

I added #nav-single { width: 94%; } but issue persists :/ Is there anything else I can try?

[Sakin]

@Joaozinho: Can you add that CSS in “Custom CSS” box and let me know it. As I don’t see that css in your custom CSS box. If you have already added in Custom CSS box then it might be cache. So, you might need to clear your Cache from WP Super Cache plugin.

[Joaozinho]

The next and previous code should be resolved now. However it still doesn’t appear right on a mobile device. Any ideas how to fix this?

[Sakin]

@Joaozinho: I just check in your site in my iPhone and it’s working fine.

[Joaozinho]

Only the homepage works properly. If you go to any subpage it appears strange. How can these pages look good as the homepage does?

[Sakin]

@Joaozinho: I check in subpages in your site and it’s working fine. Can you tell me more details about your issue or maybe share screenshot showing the issues.

[Author]

Posts