Hi, my issue it's about the Centered Menu Bottom Bar and the other similar header navigation type. The social icons appear to the left side of menu, and this is incorrect for multiple UX reason. It's so strange that some type of salient header put at the right the icons and some at the left. Ho can I slide to right side the icons with this type of header configuration? The css that I try does not work.
The layout you have selected in salient \ header navigation - layout and content related - header layout dictates where the social icons and other items are placed.
Could you try the following CSS to move the icons to the right:
Thanks a lot, it work. What if we want to use a second menu with Menu Left Aligned and put the social icon at the right of the second menu? They remain at the left of the second menu. The example on the link: https://www.etimpresa.it/pagina-di-esempio/
Hi, my issue it's about the Centered Menu Bottom Bar and the other similar header navigation type. The social icons appear to the left side of menu, and this is incorrect for multiple UX reason. It's so strange that some type of salient header put at the right the icons and some at the left. Ho can I slide to right side the icons with this type of header configuration? The css that I try does not work.
Thanks!
Hi there,
The layout you have selected in salient \ header navigation - layout and content related - header layout dictates where the social icons and other items are placed.
Could you try the following CSS to move the icons to the right:
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_3 nav.left-side{ left:100% !important; }add it to salient \ general settings - css script related - custom css.
Cheers.
Thanks a lot, it work. What if we want to use a second menu with Menu Left Aligned and put the social icon at the right of the second menu? They remain at the left of the second menu. The example on the link: https://www.etimpresa.it/pagina-di-esempio/
Thanks!
Hello Again,
We can write custom CSS for you so that the icon is positioned differently as per the menu item.
I am unable to see any icons on your menu items. Am I missing something?
Thanks,
Hi, I see the correct menu, by the way I have attached the screen. Sorry!
Hi Schiarla,
Please try this css:
body.material #header-outer:not([data-format="left-header"]) #top nav >.buttons {
margin-left: -13vw !important;
}
Thanks.
Thank you so much, it's a patch because with responsive this rule request a lot of codes for each screen size but it works. Thanks!