Page look funny on mobile

Is there any CSS that will make this page look good on mobile? For now it looks good only on desktop. https://www.amsterdampartyguide.com/where-to-stay-2/

Actaully I made everything smaller so it looks good on mobile, I want these images to be much bigger on desktop.

Hi Rafal,

Thank you for writing in, I’ve checked the site and there is wrong on your X installation.

https://www.amsterdampartyguide.com/wp-content/themes/x_package/x/style.css

As you can see on that directory your x folder is nested with the x_package folder, it should not. It should be: https://www.amsterdampartyguide.com/wp-content/themes/x/style.css

And on top of that, your version of X and Cornerstone is a bit outdated and not compatible.

Please follow this guide thoroughly and your site should be updated and fix the mobile view.

  • First, navigate to APEX dashboard and download the latest version of X.
  • Then navigate to your Plugins panel and deactivate and delete the Cornerstone (we need to do this to avoid conflict with the latest version, we will reinstall Cornerstone in latest version later)
  • Then follow the Installing The Theme guide here. Yes, it’s like you’re installing the X theme again.
  • After a successful installation, activate that latest version of X.
  • It will prompt you to install Cornerstone, please do so.
  • Important: Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Let us know how it goes,
Cheers!

Done! What are we going to do now?

I also see that there is no menu button on a mobile version.

Hello rafal,

There is no mobile menu visible because it is using a white color. To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-btn-navbar,
.x-btn-navbar.collapsed:hover,
.x-btn-navbar:hover {
    color: #000;
}

Hope this helps. Please let us know how it goes.

Hi dear,

I copied this CSS but it’s still white ;p

Hello Rafal,

Please update the code to:

.x-btn-navbar, 
.x-btn-navbar.collapsed:hover, 
.x-btn-navbar:hover, .x-btn-navbar.collapsed {
    color: #000;
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.