- Posts: 18
- Thank you received: 0
Background - Mobile Version
-
tamarae11
Inactive member - Topic Author
- New Member
Less
More
10 years 3 months ago #41474
by tamarae11
Background - Mobile Version was created by tamarae11
Hello.
I have cut the responsive feature off due to the website not viewing correctly on mobile. There are a few kinks that still need to be worked out. Hopefully you can assist me and tell me where in the css/code to fix the issues.
1. The background color does not extend across the entire site when viewed on my iphone. It only shows, what appears to be, 1 -2 columns of color, top to bottom on the left side and then it goes white. How can I make the color extend across the entire site (left to right)?
I did notice in the code
.sparky_full {
background: none repeat scroll 0% 0% #111B29;
Where do I go to edit .sparky_full? I believe if I change the "none repeat" to "repeat" this may work.Its not in the template.css.css file. Your suggestions please.
2. On the mobile version, the header row is cut off (kind of like the background only shows 1-2 columns) the header row is doing the same thing. How do I fix this so that the header row extends entirely across the page? Where do I go to edit the code for .headerrow?
.headerrow {
background: url('../images/custom/header_bgx.png') no-repeat scroll center center #29384E;
height: 159px;
Thank you for your help. I can provide an image in a private message so you can see. Just let me know where to send
I have cut the responsive feature off due to the website not viewing correctly on mobile. There are a few kinks that still need to be worked out. Hopefully you can assist me and tell me where in the css/code to fix the issues.
1. The background color does not extend across the entire site when viewed on my iphone. It only shows, what appears to be, 1 -2 columns of color, top to bottom on the left side and then it goes white. How can I make the color extend across the entire site (left to right)?
I did notice in the code
.sparky_full {
background: none repeat scroll 0% 0% #111B29;
Where do I go to edit .sparky_full? I believe if I change the "none repeat" to "repeat" this may work.Its not in the template.css.css file. Your suggestions please.
2. On the mobile version, the header row is cut off (kind of like the background only shows 1-2 columns) the header row is doing the same thing. How do I fix this so that the header row extends entirely across the page? Where do I go to edit the code for .headerrow?
.headerrow {
background: url('../images/custom/header_bgx.png') no-repeat scroll center center #29384E;
height: 159px;
Thank you for your help. I can provide an image in a private message so you can see. Just let me know where to send
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 3 months ago #41489
by ivan.milic
Replied by ivan.milic on topic Background - Mobile Version
Hi, better send us site url so we can check live. You can send us images here and private messages using "Report To Moderator"
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
10 years 3 months ago #41496
by ivan.milic
Replied by ivan.milic on topic Background - Mobile Version
Add this at bottom of template_css.css:
.sparky_wrapper{
width: 1184px;
}
.sparky_wrapper{
width: 1184px;
}
Please Log in to join the conversation.
Time to create page: 0.153 seconds