Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • June 29, 2014 at 2:33 pm #285013
    robertwood04

    I would like one column to be about 40% and the other about 60%

    June 30, 2014 at 3:50 pm #285229
    Yigit

    Hey robertwood04!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #footer div .av_one_half:nth-child(1) { width: 58%; }
#footer div .av_one_half:nth-child(2) { width: 38%; margin-left: 4%; }

    Cheers!
    Yigit

    June 30, 2014 at 9:29 pm #285396
    robertwood04

    That worked great, just had to switch the percentages. Thank you so much! I have a question about the sticky header. Theres an option to check under header behavior to have the header stick to the top of your page when a user scrolls down. I like the feature but it says that this is ignored on smartphones. Mine is not ignoring it on the iPhone and it is interfering with the content because the screen is so small. Is there something I can do about this. I like it on a regular computer screen and a tablet, but not a mobile phone.

    June 30, 2014 at 9:37 pm #285403
    Yigit

    Hey!

    Can you please post the link to your website so we can take a look?

    Regards,
    Yigit

    June 30, 2014 at 9:46 pm #285408
    robertwood04
    This reply has been marked as private.
    June 30, 2014 at 9:55 pm #285411
    Yigit

    Hi!

    Please try adding following code to Quick CSS 

    @media only screen and (max-width: 480px) {
.html_header_top.html_header_sticky #header {
position: relative;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px;
}}

    You are currently using Fixed layout. You can turn on Responsive layout in Enfold theme options

    Cheers!
    Yigit

    June 30, 2014 at 10:30 pm #285430
    robertwood04

    It didn’t work and now my navigation bar is dropping down on iPhone and iPad

    June 30, 2014 at 10:45 pm #285435
    Josue

    Hi!

    Please select one of these settings in the Theme Options:

    Cheers!
    Josue

    July 1, 2014 at 2:38 am #285503
    robertwood04

    Fixed it. How do I add 2 columns for text fields in contact form 7?

    July 1, 2014 at 4:28 am #285527
    Ismael

    Hi!

    You can add something like this on the plugin’s form field:

    <p>
<div class="flex_column av_one_half first">
Your Message 1
    [textarea your-message-1]
</div>

<div class="flex_column av_one_half"> 
Your Message 2
[textarea your-message-2]  
</div>
</p>

    Cheers!
    Ismael

    July 1, 2014 at 5:17 am #285548
    robertwood04

    It worked but I lost my the font.

    July 1, 2014 at 5:24 am #285553
    Josue

    Hey!

    Try with this format for each element:

    <div class="flex_column av_one_half first">
<p>Your Message 1</p>
[textarea your-message-1]
</div>

    The label must be wrapped with paragraph tags.

    Cheers!
    Josue

    July 1, 2014 at 5:27 am #285555
    robertwood04

    Thanks, I had just figured that out. I’m almost done with this site thanks to you guys.

    July 1, 2014 at 5:28 am #285556
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    July 2, 2014 at 3:14 pm #286229
    robertwood04

    I have a header image that I’d like to cover the entire header area. I can do this by adding a background image but then the image covers the main navigation area. and the enfold logo appears over it.

    Is there a way to either have the logo cover the entire header area minus the main navigation menu or remove the enfold logo and not have the background image cover main navigation bar? The first option is preferable so I can make it link to my home page.

    July 2, 2014 at 3:14 pm #286230
    robertwood04
    This reply has been marked as private.
    July 2, 2014 at 3:47 pm #286244
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .logo img, #top .logo, .logo a, #header_main .container { width: 100%; }
.html_header_top.html_logo_center .logo {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}

    Cheers!
    Yigit

    July 2, 2014 at 3:53 pm #286248
    robertwood04

    Thank you Yigit! That worked great! I just had to change ‘center’ to ‘relative’. By the way, I started this thread but should I continue on this thread or start a new one? I was trying to start a new one but couldn’t figure out how.

    July 2, 2014 at 3:56 pm #286249
    Yigit

    Hi!

    It would be better if you could start a new topic for each of your questions. You can simply go to Enfold subforum and scroll down or use this link to start a new topic – https://kriesi.at/support/forum/enfold/#new-topic-0

    Cheers!
    Yigit

    July 2, 2014 at 5:16 pm #286274
    robertwood04

    Got it! Thx again

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘How to add 2 different footer column widths?’ is closed to new replies.