Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #640598

    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

    #640887

    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

    #641726

    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.

    #641966

    Hi,

    please open different tickets for different questions/issues.

    Logo is already at center for me:

    View post on imgur.com

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.