Hey Yigit, updated but still doesn’t work. Could you pls check and let me know? Thanks!

Please find attached the private details for temporary login.

Thanks guys!
Ali

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!

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!

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?

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?

Awesome, solved! Thank you so much!

Ok, after wasting hours and hours, finally fixed it :) yes! :)

Only 2 minor problems left:

1. On about me page here, the cover image and the title don’t get responsive accordingly as you can see here. The cover image is shown partially and the slide caption h2 doesn’t get the font-size:3.828125em accordingly, it is too small.

2. On the mobile home page, the avatar is too big as you can see here. How can I make it like 60% size and still keep it at the center of mobile screen?

Sorry for being a pain and hopefully we get this done after these 2 problems.

Thank you!
Ali

Hi Ismael,

yes, I know I have to add the code to the mobile section, too. But whatever I put doesn’t work.

I cleaned up the css file and pasted it here: http://pastebin.com/YFFN4KHX

I also assume there are some broken things on the file, please be so kind to check and let me know!
Thank you!
Ali

Thank you so much for the prompt reply, Josue! Did it and it’s working. The only problem is it lose the “hover effect” that the fray scale was turning to opacity of 100% once hovered. Is there a way I can still have that effect with logos while still blocking pop-ups?
Thanks!

Oh, thanks for that!!

Sorry for being such a pain. One last thing, how i can place this follow button at the centre of this section (both horizontally and vertically, without it being folded in 2 lines)?

Thank youuu!
Ali

Hi there,

i did but it doesn’t work. It is still invisible, fb follow button doesn’t appear.

I inserted the code at the very very end of functions.php.

Then I added the second line on the “code block” on the content layout editor.

Let me know what is missing?
Thanks!
Ali

Thank you so much, Joseu!!
Have a great day!
Ali

So, I added the following 5 codes to custom.css:

form.wpcf7-form br{
display: none;
}

form.wpcf7-form span{
float: left;
}

form.wpcf7-form{
width: 370px;
margin: 0 auto;
}

form.wpcf7-form{
top: 40px;
position: relative;
}

.email-599 .wpcf7-text {
position: relative;
top: 1px;
}

And I still see it like this both on chrome and firefox: https://www.dropbox.com/s/ff29j7uv2rgwhto/Screenshot-2014-06-02-19.47.11.jpg

Sorry for being a pain, I really appreciate!
Thanks!
Ali

I mean they (the email box in which user enter the email adress and the submit button) are not on the same horizontal line but instead the email form is position on top of the submit button. Could you help put them next to each other?

Thank you millions!
Ali