Docs

[dwesb221]

Hi, I have seen a lot of topics where people want their mobile view the same as their desktop view. I actually want the opposite. I’m new to WP and Xtheme so not entirely sure what I need to ask for specifically.

At the moment my site looks the same on both mobile and desktop versions. I made a modification to the topper text colour (found on a thread here) for a mobile screen size, and if I alter my browser window size it does change colour and the mobile menu icon appears instead of the nav bar.

However, it doesn’t do this when I view it on an iPhone.

Is there a setting I need to have switched on to take advance of the mobile theme? I not sure where to look and cannot find anything in the knowledge base, and as I said not sure what to ask in the forums…

Hope that make sense, thanks in advance.

Dominic

[Joao]

Hi Dominic

X is responsive out of the box, so your site will be somehow different on mobile.

There is possibilities to do customizations and change colors and many different paramets and we can gladly help you.

Please provide your URL and a detailed information of your goals. Try to make the request short and simple.

Thanks

Joao

[dwesb221]

This reply has been marked as private.

[dwesb221]

My main goal for the mobile (phone) site is
1. for the text to be a big larger (readable)
2. the top bar text to be a different colour due to tel. number not showing up on iPhone.\
3. mobile menu button instead on the menu bar.
4. link that allows user to open up the desktop version.

As I say at present the page on a mobile just looks like a zoomed out version of my desktop.

Many thanks

Dominic

[Joao]

Hi Dominic,

That is strange, on my end your site is looking quite good and the text very readble, also the menu button is working.

I would just make the topbar text more readble, for that add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 480px) {
body .x-topbar .p-info, body .x-topbar .p-info a {
    color: #000000;
    color: white !important;
    font-size: 16px;
    border: none;
}
}

I have attached an image of how your website look on my end.

Let us know your toughts,

Joao

[dwesb221]

hmmm… interesting… I just tried going to the direct URL http://www.dominicbaxter.com/raffeenrustic and I get the same site as the image you posted. If I go to the forwarded site http://www.raffeenrustic.com I get the attached….

Must be something to do with my forwarding.

[Lely]

Hi There,

Yes, you’re correct it is cause by forwarding. Your site is loaded as Iframe on this url:http://www.raffeenrustic.com/. The better method would be to set up domain mapping for that domain.

Hope this helps.

[dwesb221]

I changed from forward to a new location and this seemed to fix it as suggested….. Thanks for your advice on this.

This has brought up another issue though, where cornerstone is not working properly to edit or create new pages; menu/inspector/elements area is just blank.

I used “All-in-One WP Migration tool” and then followed your cornerstone migration KB article.
Now both the migrated and original sites cannot be edited with cornerstone.

I’ve deactivated ALL plugins, still no joy… any ideas?

[Rupok]

Hi there,

Please refer to the following solution (https://community.theme.co/forums/topic/some-icons-in-xtheme-and-cornerstone-interface-not-displaying/#post-1036430).

Let us know if that helps.
Thanks!

[dwesb221]

I followed through everything and all seems to be working now. Thank you very much for your help and patience.

Dominic

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts