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

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

JerryJezza
New Member
6 0 0

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!

Screenshot 2024-07-04 at 12.52.19.pngScreenshot 2024-07-04 at 12.52.26.png

Jerry

Replies 8 (8)

Dan-From-Ryviu
Shopify Partner
8531 1681 1692

Hi @JerryJezza 

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

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

JerryJezza
New Member
6 0 0

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
New Member
6 0 0

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

Screenshot 2024-07-04 at 19.54.32.pngScreenshot 2024-07-04 at 19.54.39.png

ProtoMan44
Shopify Partner
495 43 80

@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
New Member
6 0 0

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??

 

JerryJezza
New Member
6 0 0

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

Screenshot 2024-07-04 at 19.54.32.pngScreenshot 2024-07-04 at 19.54.39.png

Screenshot 2024-07-04 at 19.54.32.png

Screenshot 2024-07-04 at 19.54.39.png

ProtoMan44
Shopify Partner
495 43 80

@JerryJezza please share link

 or tell me theme name.

 

- 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
New Member
6 0 0

Theme is the Ella theme. conditioningzone.com is the website. do you need another link?