Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
 All Forums
 Technical
 PHP (Unix / Linux / Apache) versions
 Pages on Mobile version left justified
Next Page
Author « Topic »
Page: of 2

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 10/30/2018 :  18:23:11  
Hi all, I noticed most of the pages on our mobile version look left justified, is there
a way to make them all look centered?

Thanks for your support.

Andy
ECT Moderator

95440 Posts

Posted - 10/31/2018 :  00:50:45  
Hi Dano

What is it specifically that you need centering?

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 10/31/2018 :  06:15:42  
If you pull up our site on a mobile phone and look at the home page or any of the other links/pages, they look pushed over to the left.

Edited by - dano2 on 10/31/2018 07:46:07

Andy
ECT Moderator

95440 Posts

Posted - 10/31/2018 :  08:00:12  
I'm not sure what you mean there really - do you mean in landscape or portrait view

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 10/31/2018 :  08:50:58  
Portait specifically. If you click on our products, tracking, gift certificate, order status on a cell phone

Andy
ECT Moderator

95440 Posts

Posted - 10/31/2018 :  08:55:46  
In style.css line 617 change the width here

/* ~~content~~ */
.container {
width: 96%;
}
and line 678

/* ~~main content~~ */
.content {
padding: 2px;
width: 96%;
}

Then remove the classes for .container and .content which come below that in the last media query.

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 10/31/2018 :  16:45:24  
Hi Andy, I was able to find and change both lines 617 and 678 but I don't think I
understand removing the .container and .content. I found several of each of those and
tried removing them and ended up messing up the site:( so I changed it back to original
state.

Edited by - dano2 on 10/31/2018 21:01:19

Andy
ECT Moderator

95440 Posts

Posted - 11/01/2018 :  00:59:04  
Those are lines 801

/* ~~ Content ~~*/
.content {
width: 308px;
}

and line 750 that also need removing

/* ~~ Content ~~*/
.container {
width: 308px;
margin-left:6px;
}

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/01/2018 :  16:11:07  
thanks Andy that worked great. Only thing I noticed was when I looked at the site
in Landscape view, the section called "Latest Store news" is squished over to the
right side of the screen near the top right and then split up to the bottom of the
screen?

Edited by - dano2 on 11/01/2018 16:34:13

Andy
ECT Moderator

95440 Posts

Posted - 11/02/2018 :  00:58:27  
Add this to style.css

.prodhead{clear:both}

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/03/2018 :  10:16:33  
hi Andy, I don't think Im either adding it to the right section in style.css or I have something
missing? so i took it back out again

do I need brackets like below? also which section?

}
.prodhead{clear:both}
}


thanks in advance for any help

Edited by - dano2 on 11/03/2018 11:28:18

Andy
ECT Moderator

95440 Posts

Posted - 11/03/2018 :  11:35:10  
Just add it mear the top of the css file.

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/03/2018 :  12:02:42  
that worked thanks Andy!

I was noticing, for the 4 Products listed on the
home page, I think the text and buttons look good but on the
mobile version, the picture is on the left, text on the right and the
buy, details button is pushed to the bottom right? maybe thats the only
way that can display? or can the text and buttons be moved to under
the picture (mobile version only)?

Edited by - dano2 on 11/03/2018 18:29:02

Andy
ECT Moderator

95440 Posts

Posted - 11/04/2018 :  01:08:00  
Around line 803 change

div.prod1{
width:290px;
padding:6px;
float:left;
}


div.prodblurb{
width:164px;
}

to

div.prod1{
width:98%;
padding:6px;
float:left;
}


div.prodblurb{
width:98%;
float:left
}

and then just below that set the width of prod2, prod3 and prod4 also to 98%

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/04/2018 :  08:22:43  
Hi Andy, looks like that helped with placing the text under the picture, but the picture itself
of each product is on the far left and the Larger bold text below is on the far left and the buttons
are on the far right? this is just on the mobile version...

Just trying to make sure it looks ok mobile wise:)

Andy
ECT Moderator

95440 Posts

Posted - 11/04/2018 :  10:03:20  
Those appear right aligned in the code so can't currently be changed by the css file.

<p align="right">

Andy

Please feel free to review / rate our software

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/04/2018 :  10:31:15  
am I able to add a image to a post? can't seem to see any options. I have a screen shot
of what i see on my phone.

on my phone the buy now and Details button are to the right. can it all be centered somehow?

i put the image here at the bottom of this post that I have at paint.net of how it looks.

https://forums.getpaint.net/topic/113424-gradient-question-on-making-edges-gray/?page=2

V45
Advanced Member

United Kingdom
416 Posts

Pre-sales questions only
(More Details...)

Posted - 11/04/2018 :  15:26:59  
Hi Dano

I usually push images up to my Dropbox account then link to the required image by clicking the icon highlighted above the Color dropdown allows you to place a link to the selected image.

[url]https://www.dropbox.com/s/8cj5g973hl3cadd/addimage.jpg?dl=0[/url]

Will - Bolton Manchester UK

The complete ECT updaters history, from version 4.8.0 in Feb 2006 to present day - https://www.ecommercetemplates.com/updater-history.asp

Edited by - V45 on 11/04/2018 15:29:04

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/04/2018 :  15:57:42  
thank Will, thats a good idea. I used to have a Dropbox account, I should probably get another one...

dbdave
ECT Moderator

USA
10468 Posts

Posted - 11/04/2018 :  17:13:51  
I just drop the file in a folder on my site with ftp, then you just wrap the IMG tags around the address of the image.
You can click the image button, but I usually write them out.
Like this with no spaces in the IMG

[I M G]www.mywebsite.com/myfolder/myimage.jpg[/I M G]

dano2
Ecommerce Template Expert

USA
514 Posts

Pre-sales questions only
(More Details...)

Posted - 11/04/2018 :  20:30:42  
thanks dave, I was thinking i could try something like that. I'm just trying to get
the product images on our mobile version on the index page to wrap the text and
buy buttons correctly, so it looks nice:). The web version looks pretty good...

Edited by - dano2 on 11/04/2018 20:32:46
Page: of 2 « Topic »  
Next Page
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000