Desktop view does not show the actual desktop view on Macbook?

JerryJezza · ‎07-03-2024

Hello Shopify Community,

So when I go to customize my website - conditioningzone.com - on the editor page, the desktop view does not actually show what the website would look like on a desktop, it's more like a mixed between the mobile and desktop version. Is there a way I can adjust the dimensions or fix this problem so I can see what I'm editing on the desktop?

The 2 photos included shows the editor view for desktop and the fullscreen view. I've logged into a windows computer and the desktop editor shows what the actual desktop should look like. Is this a Mac thing and can it be fixed???

Any help would be really appreciated!

Jerry

Dan-From-Ryviu · ‎07-03-2024

Hi @JerryJezza

They are the same, just preview screen is smaller than live view on your store.

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

JerryJezza · ‎07-04-2024

However, I logged into my shopify store on Windows and the preview screen is the same as the live view on store. The desktop editor as shown in photo 1 is exactly the same as the live view which makes editing much easier since you can see the edits go through. The issue is on Macbook Pro it doesn't show on the desktop editor, I have to manually switch over each time I make an edit? Any solutions?

JerryJezza · ‎07-04-2024

As you can see, it says desktop when but it does not show the actual desktop view (in 2nd photo).

ProtoMan44 · ‎07-04-2024

@JerryJezza thaks for posting here.
that is not a issue . you just decrease the mobile view limit

example if mobile menu is working start on 900px so set it on 767px or 750px.

- A thirsty developer passionate about supporting the community. If you'd like to, you can

Buy me a Coffee.✨️

- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

-

Chat On Whatsapp

Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

JerryJezza · ‎07-04-2024

Does decreasing the mobile menu allow me to edit on desktop as if it was the live store? If so, where do I go the change the size of the mobile menu?

I also just replied above indicating that my desktop view is not actually my desktop view so when I make a change, I have to manually switch to the live view to see the change I made. Will the mobile menu change help with this??