In the topbar, how to align icons and text on a single line?

[mengeco]

Hello,

In the topbar, how to align icons and text on a single line?

Should we increase the width of topbar left?

Best Regards

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please post a link to your site so we can more specific.

Thanks.

[mengeco]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#top-bar #black-studio-tinymce-4{
width: 158px;
float: left;
margin-top: 6px;
}

.aps-social-icon-wrapper{
width: 150px;
float: left;
}

Thanks
Mohammad

[mengeco]

Thanks Mohammad, perfect 😉
And how display this menu on mobile ?

[mengeco]

+ how change font-size please ? My tests don’t work work
Thanks !

[Mohammad – SUPPORT]

Hi,
Please use this custom css:-

#top-bar #black-studio-tinymce-4 a{
font-size:12px !important;
}
 

Thanks
Mohammad

[mengeco]

Thanks Mohammad !! 😉

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad

[mengeco]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

The topbar isn’t meant to be displayed in mobile since the layout issues that it can cause because the elements don’t fit in the reduced place.

Why don’t you create a specific menu for the mobile and add those extra menu links?

-Rui

[mengeco]

This reply has been marked as private.

[Kyle – SUPPORT]

Duplicate the main menu but add the extra links from the topbar and assign to mobile menu

– Kyle

[mengeco]

This reply has been marked as private.

[Kyle – SUPPORT]

I’m afraid not sorry, you will have to manage your main menu and mobile menu

– Kyle