Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 22, 2014 at 8:23 pm #356006
    thecszone

    Hi,
    I have made a few modifications to the css and need help making adjustments to a few items.
    1. My header is overlapping my slider. I added a section in the header using theme functions which has now made my header area over lap the slider. Here is the code I added to theme functions and then the custom css. Can you help me adjust the header so it doesn’t overlap?
    function add_phone_num_script(){

    $phone_num = “<div class=\”phone-info\”><span><h6><B>GET SUSAN’S NEWSLETTER </b></h6></span></div>”;
    echo $phone_num;

    }
    add_action(‘ava_main_header’, ‘add_phone_num_script’);

    #header_main .phone-info{
    width: 274px;
    float: right;
    margin-right: 25px;
    padding: 0px;
    }

    2. I would like to add an internal page link to the text GET SUSAN’S NEWSLETTER. Can you give me the code to do that?

    November 23, 2014 at 8:17 am #356106
    Ismael

    Hi thecszone!

    Thank you for using Enfold.

    Please add this on Quick CSS or custom.css:

    .html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 140px;
}

    Cheers!
    Ismael

    November 23, 2014 at 5:07 pm #356257
    thecszone

    Thanks for the help but this was posted on another topic and I tried it. It does not work. I have added it to the css so you can see it, though. Also I am not seeing an answer to my second question. Thanks. Susan

    November 24, 2014 at 1:53 pm #356753
    Yigit

    Hi!

    1- Please try adding !important rule to Ismael’s code as following

    .html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 140px!important;
}

    2- You can use HTML in Phone text area – http://www.w3schools.com/tags/tag_a.asp

    Best regards,
    Yigit

    November 24, 2014 at 5:32 pm #356969
    thecszone

    Okay, this solves the overlap issue, but doesn’t answer my second question. I know how to use HTML in the existing phone area, but I want to add the link in the theme functions change. Here is the php code you provided to add the GET SUSAN”S NEWSLETTER text in the header. What I need is the code that will make this text link to an internal page such as http://www.mysite.com/connect

    function add_phone_num_script(){

    $phone_num = “<div class=\”phone-info\”><span><h6><B>GET SUSAN’S NEWSLETTER </b></h6></span></div>”;
    echo $phone_num;

    }
    add_action(‘ava_main_header’, ‘add_phone_num_script’);

    November 24, 2014 at 5:43 pm #356974
    Yigit

    Hey!

    Do you mind creating a temporary admin login? Also please post the link you would like newsletter text to be linked

    Cheers!
    Yigit

    November 24, 2014 at 7:38 pm #357058
    thecszone
    This reply has been marked as private.
    November 24, 2014 at 7:46 pm #357067
    Yigit

    Hey!

    Can you please switch user role to administrator so we can edit functions.php file?

    Regards,
    Yigit

    November 24, 2014 at 9:08 pm #357108
    thecszone
    This reply has been marked as private.
    November 25, 2014 at 7:40 pm #357836
    thecszone
    This reply has been marked as private.
    November 25, 2014 at 8:03 pm #357859
    Yigit

    Hey!

    I have added the link to your text. Please review your website

    Regards,
    Yigit

    November 26, 2014 at 7:16 pm #358462
    thecszone

    It’s perfect. Thank you!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header overlaps slider’ is closed to new replies.