Hey,
Sorry for my english.
I want to make my logo at the center of the header (not at the right) and make the social icons&search icon at the right.
I used this code but it made the logo too left and cut on mobiles-
.html_header_top #top .av_logo_right .logo {
left: 50%!important;
right: auto!important;
transform: translate(-50%)!important;
}
#header_main nav .social_bookmarks {
position: absolute!important;
float: right!important;
}
.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
width: 100%;
}
Do you have any other option?
Thank you,
Noy
Hey Noy,
I checked your website on mobile, but it looks good to me. Not cut at all. Please clear browser cache and hard refresh a few times. Use media queries if you want to use for mobile only: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Andy
I dont use this code at the moment.
I’m just saying I used this code (in the past) and it wasn’t good.
this is how it looked at desk- http://screencast.com/t/ZQjPmmy2A
and this is how it looked at mobile- http://screencast.com/t/JYeLUrjZxg
Please give me another solution.
Hi,
please open different tickets for different questions/issues.
Logo is already at center for me:
Please clear browser cache + hard refresh a few times. Check on another device as well.
Use this code to move search menu icon to the right:
#menu-item-search {
right: -150px;
}
and adjust as needed.
Use this code to add “search”:
#menu-item-search a:after {
content: 'search';
}
Best regards,
Andy