Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1470124

    Hi
    Is it possible to add plain text ( like an adress ) in the left side bar menu?
    Like the text u you can add in the top bar menu..( telephone number etc. )
    Greetz Karin

    #1470195

    Hey leloux,

    Thank you for the inquiry.

    You can use the ava_main_header_sidebar hook in the functions.php file to insert additional content to the left sidebar menu or header:

    Example:

    The following will add a paragraph element:

    add_action( 'ava_main_header', 'ava_header_sidebar_custom_text' );
    function ava_header_sidebar_custom_text() {
      echo "<p class='av-sidebar-header-text'>Additional text</p>";
    }

    This one will insert a widget area called “header-top”:

    add_action( 'ava_main_header', 'ava_header_sidebar_widget_area' );
    function ava_header_sidebar_widget_area() {
      dynamic_sidebar( 'header-top' );
    }

    Best regards,
    Ismael

    #1470229

    Hi Ismael
    Tnx but where do i adjust and edit the additional text?
    Can the additional text also be at the bottom of the left side bar menu?
    Greetz
    Karin

    #1470252

    Hi,

    You can change the text in this line:

    echo "<p class='av-sidebar-header-text'>Additional text</p>";

    If you add the content and link to where we can see the actual element, then we can help you out with styling.

    Best regards,
    Rikard

    #1470255

    Hi Rikard
    That would be great but is it possible to put the text line at the bottom of the left side bar menu?
    This is the content:

    Psychologenpraktijk Sterk
    Hogezoom 15 4328 EE
    Burgh-Haamstede
    e-mail: (Email address hidden if logged out)
    tel.nr: 06-54356557

    #1470299

    Hi,

    Thank you for the update.

    We added this code in the functions.php file around line 52:

    add_action('ava_after_main_menu', 'ava_header_sidebar_custom_text');
    function ava_header_sidebar_custom_text() {
        echo "
        <div class='av-sidebar-header-text'>
            <p><strong>Psychologenpraktijk Sterk</strong></p>
            <p>Hogezoom 15</p>
            <p>4328 EE Burgh-Haamstede</p>
            <p><strong>Email:</strong> <a href='mailto: (Email address hidden if logged out) '> (Email address hidden if logged out) </a></p>
            <p><strong>Tel.nr:</strong> <a href='tel:+31654356557'>06-54356557</a></p>
        </div>
        ";
    }

    Then added this css code:

    .av-sidebar-header-text {
        padding: 20px 40px;
    }

    We noticed that you’re not using a child theme. In order to preserve this modification during updates, we recommend activating a child theme and placing the code in its functions.php file instead.

    Best regards,
    Ismael

    #1470334

    Hi Ismael
    Tnx!
    I removed it despite of all your efforts; it does not looks good on the mobile device unfortunately..
    Perhaps there is another better solution?
    When i open the website on my mobile the additional text is far to big and you have to scroll a lot to see the actual menu…
    Greetz
    Karin

    #1470396

    Hi,

    Thank you for the update.

    You can add this css code to hide the container on mobile view:

    @media only screen and (max-width: 989px) {
         /* Add your Mobile Styles here */
        .av-sidebar-header-text {
            display: none;
        }
    }
    

    Best regards,
    Ismael

    #1470473

    Tnx Ismael!
    Greetz
    Karin

    #1470482

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Left side bar menu’ is closed to new replies.