Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 2, 2016 at 6:03 pm #707283
    RankXpress

    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 8 years ago by RankXpress.
    November 2, 2016 at 8:24 pm #707330
    RankXpress

    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.

    November 3, 2016 at 7:29 am #707596
    Rikard

    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

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