Logo to Menu Bar

Activello
1

Hello,

I’m a complete novice in coding but I’d like to move my Logo to the upper left corner, next to my Menu as compared to centered under the menu.

I’d also like to add the social media icons to the right corner next to the search bar. I’m not sure how to do this.

Thank you!

2

I am wondering this as well (logo in the menu) :slight_smile:

3

Hi @angelanicholeatx,

I hope you are well today and thank you for your question.

I’m a complete novice in coding but I’d like to move my Logo to the upper left corner, next to my Menu as compared to centered under the menu.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS


div#logo {
    padding-top: 13px;
}
nav.navbar.navbar-default .container {
    max-width: 100%;
}
nav.navbar.navbar-default {
    float: right;
    max-width: 70%;
}
#masthead > .container {
    float: left;
    max-width: 30%;
}
I’d also like to add the social media icons to the right corner next to the search bar. I’m not sure how to do this.

You can try achieving this using the solutions shared in the following topics.

https://colorlibsupport.com/t/align-social-icons-at-the-top-next-to-menu-names/#post-40360

https://colorlibsupport.com/t/replace-search-bar-on-homepage-with-social-menu/

Best Regards,
Movin

4

I tried the code, but the result is somewhat strange, see attached image. how can i not make the menu two rows? I’d like one row next to the logo, if that is possible?

5

@evelinassa To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.