Can I edit the mobile design without changing the desktop design?

I'm working in the Pacific template and happy with my desktop version but when I change over to the mobile version everything gets bumped out of wack. I have 4 separate text blocks under the main banner that I'm using as another level of navigation. On the desktop version they're nice and aligned horizontally but when I move to mobile they stack on top of one another which I do not want.

Also I have separate sections going down my page with alternating layouts (first section has an image on the left, then a text block, image block, and button next to it on the right; the next section is flopped with the text, image, and button on the left and image on the right). When moving to mobile everything lines itself up but in the first section the image is on top and the second section the image is on the bottom. For the mobile version I want all sections to look the same.

Any idea?

Might have to see what you are working on. Do you have a link?

Unfortunately I'm still in trial mode. I'm trying to figure out if Squarespace is the best platform for what I'm trying to do some I'm not ready to buy a plan yet.

Basically I just want to know if there's a way to edit the mobile view only. Every time I'm in mobile view and try to edit something it pops out to desktop view. I'm happy with the way the desktop view is looking but I don't like the way the mobile view looks.

You can link to a trial site.

You can use the @media css query to specify a different set of css styles for different devices (i.e. via screen resolution). See - http://www.w3schools.com/cssref/css3prmediaquery.asp

edit: replaced link with the correct one.

Hi,

I am specifically needing to change the "Basic Grid" in my desktop design:

{"TGutter":"0.5%","TMaxWidth":"400","TPerRow":"1","gallery-auto-play":"false","galleryPlaySpeed":"3","hide-thumbnail-titles":"false","outerPadding":"55px","pagePadding":"22px","product-gallery-auto-crop":"false","product-image-auto-crop":"true","thumbnail-layout":"Basic Grid","topPadding":"0px"}

to

"autocolumns"for mobile only.

www.alejandrow.com currently. looks right on desktop with "basic grid", but then is altered for mobile. tweaking to "autocolumns" keeps things in line on mobile but not desktop