Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 29, 2014 at 4:27 pm #271852
    alik864

    Hi,

    Could you please help me figure out why my mail chimp opt-in looks ok on my desk-top but when I view it on my iphone it looks completely off centered. Is there a certain type of CSS I should be plugging in to make it more responsive on my cell phone.

    Website: http://www.alikarukas.com

    Thanks,
    Ali

    May 29, 2014 at 8:39 pm #272003
    Josue

    Hey Ali!

    You need to change the pixel values in your code by percentage values, try using this code instead:

    div.avia_codeblock {
background-color: rgb(145, 165, 138);
padding-top: 1em;
padding-bottom: 1em;
margin-top: -4em;
padding-left: 4em;
width: 100%%;
}

#top input[type="email"] {
-webkit-appearance: none;
border: 1px solid #C2BDBD;
padding: 14px 7px;
outline: none;
font: 15px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
width: 59%;
max-width: 99%;
display: block;
margin-bottom: 13px;
background: #fff;
border-radius: 0px;
padding-left: 1em;
}

input[type="submit"], #submit, .button {
padding: 17px 0;
cursor: pointer;
border: none;
-webkit-appearance: none;
border-radius: 0px;
position: absolute;
top: 13%;
right: 15%;
width: 20%;
}

    Cheers!
    Josue

    May 30, 2014 at 7:25 pm #272540
    alik864

    Thanks so much, Josue!

    Is it possible to make the mail chimp bar (that is green on my website) be the full width of the screen like this website: http://www.theuncagedlife.com/

    Here is my website again: http://www.alikarukas.com

    Thanks again,
    Ali

    May 30, 2014 at 7:32 pm #272545
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    div#after_full_slider_1 {
    background: #91a58a;
    height: 115px;
}

    Cheers!
    Josue

    May 30, 2014 at 7:36 pm #272547
    alik864

    Thank you — that helped!!

    May 30, 2014 at 7:40 pm #272549
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.