Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #707283

    Hi,

    I am currently working on a new site for a client and they would like to have the phone number, address and email in the main header section on the right. I have been able to get to a certain point with desktop, but it looks horrible as you reduce the screen and then at a certain point it all just disappears.

    Here is the code I have added to my functions.php file

    add_action('ava_after_main_menu','logo_text');
    function logo_text() {
    echo "<div class='logo-text'>Muh Phone</div>";
    }
    
    add_action('ava_after_main_menu','logo_address');
    function logo_address() {
    echo "<div class='logo-address'>Muh Address</div>";
    }

    And here is the code I added to the Quick CSS editor.

    .logo-text {
    position: absolute;
    left: 1600px;
    top: -130px;
    font-size: 26px;
    }
    
    .logo-address {
    position: absolute;
    left: 1600px;
    top: -60px;
    font-size: 14px;
    line-height: 15px;
    }

    Can someone please point me in the right direction to get this setup correctly. Your help is greatly appreciated.

    • This topic was modified 7 years, 3 months ago by RankXpress.
    #707330

    Okay so I was able to get the main header text to position with the reduction of screen size.

    This is the new custom CSS

    .logo-text {
    position: absolute;
    left: 85%;
    top: -260%;
    font-size: 26px;
    width: 100%;
    }
    
    .logo-address {
    position: absolute;
    left: 85%;
    top: -120%;
    font-size: 14px;
    line-height: 15px;
    }
    
    .logo-slogan {
    position: absolute;
    left: 40%;
    top: -130%;
    font-size: 26px;
    color: #ee4874;
    line-height: 15px;
    }

    Still have the problem with it disappearing when I go to mobile and now a new problem where the top menu does not resize as I reduce, it just stacks up as the screen size gets smaller until it switches to mobile at 989.

    So I fixed one problem and found another.

    #707596

    Hi,

    Maybe it would be easier if you add a widget to your header? http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Rikard

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