Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 4, 2015 at 11:22 am #468371
    Mesheu

    Guys,

    I can’t get my landing page (below) mobile responsive.

    Where am I doing wrong?

    Thanks!
    Ali

    July 4, 2015 at 11:42 am #468375
    Mesheu

    On a seperate note, just one more thing:

    I also can’t make my signup form (on the same landing page) horizontal (email and signup button on the same line).

    I followed the instructions you gave on all other thread such as this one however there is something in theme that hides the signup button afterwards. what css should i insert?

    July 5, 2015 at 10:02 am #468505
    Rikard

    Hi!

    It looks like you have used   for spaces in the header, please try to remove them since they are the reason it’s not breaking properly.

    Best regards,
    Rikard

    • This reply was modified 9 years, 4 months ago by Rikard.
    July 5, 2015 at 12:26 pm #468540
    Mesheu

    Where in the header you mean? Which one exactly? In CSS code or avia builder? I didn’t get it, sorry.

    July 5, 2015 at 1:43 pm #468556
    Mesheu

    Ok no worries, fixed the header thing. Thanks!

    The only problem remaining now is the email signup form that I can’t make horizontal.

    I tried to follow instructions you guys gave like this in this thread but there is something in the theme that the submit (add mee) button disappears afterwards.

    What am I missing? What CSS code should I insert to make them horizontal like on this website?

    July 6, 2015 at 10:32 am #468768
    Rikard

    Hi!

    I’m not sure what’s going on with that form, could you send us a temporary admin login so that we can have a closer look please? You can post the details here in the Private Content section of your reply.

    Best regards,
    Rikard

    July 8, 2015 at 10:34 am #470108
    Mesheu

    Thanks Rikard,

    details in the private content section below.

    July 9, 2015 at 1:04 pm #470791
    Andy

    Hi!

    try this code:

    .mc-field-group {
width: 80% !important;
}
#mc_embed_signup .button {
display: table-row;
top: 0 !important;
right: -2px;
position: absolute;
}

    Best regards,
    Andy

    July 11, 2015 at 11:30 am #471827
    Mesheu

    Wow, thanks! The button is there and horizontal!

    Just one last question, is there a chance I can make the “Add Me” button stick to the email field since now it is aligned right while the email field is aligned left. I mean, I am trying to remove the space between the “Add Me” button and the email email. So that they are sticking to each other like the form here.

    Thank you so much!

    July 13, 2015 at 8:23 am #472164
    Ismael

    Hi!

    You can adjust the position of the button with this:

    #mc-embedded-subscribe {
  right: 146px !important;
  height: 38px !important;
}

    Regards,
    Ismael

    July 14, 2015 at 10:13 am #472947
    Mesheu

    Thanks, Ismael but it makes it like this on mobile -> http://imgur.com/ipFFJKF

    Any alternative?

    July 14, 2015 at 10:38 am #472964
    Yigit

    Hi!

    Please change Ismael’s code to following one 

    @media only screen and (min-width: 767px) {
#mc-embedded-subscribe {
  right: 146px !important;
  height: 38px !important;
}}

    Cheers!
    Yigit

    July 15, 2015 at 10:13 am #473585
    Mesheu

    Thank you so much Yigit, the problem is solved for desktop but the submit button on the mobile version isn’t aligned even though padding/font sizes are the same. You can see it here.

    Any chance we can fix this? Thanks!

    July 15, 2015 at 10:32 am #473591
    Andy

    Hey!

    Yigit’s code should fix it, but I can’t see that you are using it in your source code. Try to adjust the code a little bit:

    input#mc-embedded-subscribe {
right: 0 !important;
height: 38px !important;
}

    Clear browser cache and hard refresh your website a few times.

    Regards,
    Andy

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