Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 9, 2021 at 10:48 pm #1299191
    ymcrodos

    Hi!
    I wanted to make the header area with the Logo on the left and the title on the right, (both adapting to browser window). For the menu items I use already the Enfold options > Main Menu > General > Menu Items for Desktop > Display as icon. Can you please provide me the best recommended way to do this? Thank you in advanced.

    May 10, 2021 at 5:20 am #1299224
    Nikko

    Hi ymcrodos,

    Thanks for giving us a screenshot of what you’re trying to achieve.
    There’s no option to add it, however it can be done by adding this CSS code in Quick CSS:

    #top #header .av-main-nav-wrap:before {
    content: 'The Title';
    font-size: 32px;
    font-weight: bold;
    width: 140px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

    Just change the The Title with the title that you want to use, adjust the font size, font weight and the width.
    Hope this helps.

    Best regards,
    Nikko

    May 10, 2021 at 12:45 pm #1299355
    ymcrodos

    Thank you so much !!! It works perfectly.

    May 10, 2021 at 2:20 pm #1299372
    Nikko

    Hi ymcrodos,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo left, Title right ( adapt to browser window)’ is closed to new replies.