Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 20, 2015 at 11:12 am #539424
    carmentvaalba

    Hello, I am trying to insert some contact info at the top of my site.

    Some time ago you gave me these indications to do it:

    If you are wanting to add a widget area to your header then add this to the bottom of your functions.php file.
    add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }

    Depending on what your trying to do some CSS code will be required. If you want the widget area to be centered in the header then add this to your custom CSS.

    #header .widget {
    left: 90%;
    padding-top: 50px;
    position: absolute;
    top: -150px;
    transform: translate(-50%);
    width: 405px;
    }
    And then navigate to Dashboard > Appearance > Widgets and create a new widget area named header and add some widgets to it.<div>

    <div style=”float: left; font-size: 22px;”>Tel. 913 565 225 </div>

    <div style=”float: left; font-size: 22px; color: white”> – -</div>

    <div style=”float: left;”>[av_button label='CITA ONLINE' link='' link_target='' size='small' position='center' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#0068ad' custom_font='#ffffff'] </div>

    </div>

    The true is that if I follow your instructions everything is fine, but I finde two problems:

    1) The sites is not responsive anymore at mobile devices
    2) in some navigators is not displayed correctly, for example in firefox works fine, but not in safari.

    I want to send you screenshots, but I can´t.

    Looking for your reply, Thank you Carmen

    November 23, 2015 at 4:48 pm #541013
    carmentvaalba

    Hello, I did not have any anwser from you. Can you please help me on that? Thank you, Carmen

    November 23, 2015 at 10:24 pm #541206
    Elliott

    Hi!

    It looks fine to me. The only thing I noticed was that your grid row looks very cramped on mobile. I would edit the grid row and make sure it’s set to display the cells on top of each other on mobiles so it does not look so cramped.

    Cheers!
    Elliott

    November 26, 2015 at 10:34 am #542954
    carmentvaalba

    Well, it does not good looking to me at all!!
    Can I send you a screenshot to show you what I see in my mobile phone?
    Looking for your reply,
    Carmen

    November 26, 2015 at 10:41 am #542958
    Yigit

    Hi!

    Yes, you can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Cheers!
    Yigit

    November 26, 2015 at 10:52 am #542972
    carmentvaalba

    OK, then this is what I see on my mobile phone: http://imgur.com/gallery/tYLI4/new
    As I indicated you in previous emails:
    1) when I include the code you told me in order to include some info in the header, this is what happens with the theme responsive….it is not responsive
    2) so, If I delete the code you send me in order to include some info in the header, the theme is responsive and everyhting works fine.

    Conclusion: it should be something in the code you send me that is making the theme not to be responsive

    Looking for your comments,
    Thank you Carmen

    November 26, 2015 at 11:05 am #542985
    Yigit

    Hi!

    Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.flex_column { width: 100% !important; margin-left: 0 !important; }}

    Regards,
    Yigit

    November 26, 2015 at 5:22 pm #543300
    carmentvaalba

    Thank you! now is amost everything OK – all responsive ecept for the grilla file…is still loooking like very small squares in the mobile…What can we do?

    November 26, 2015 at 5:28 pm #543304
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.flex_cell {
    width: 100%!important;
    display: block;
}}

    Regards,
    Yigit

    November 26, 2015 at 5:42 pm #543313
    carmentvaalba

    Great!!! all solved! Thank you very much!
    Regards, Carmen

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Contact info in the header’ is closed to new replies.