Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2018 at 1:45 pm #957485
    lyndondarkes

    Hi
    I have searched the forum and i have found similar issues but none quite solve my issue. When i view my website in tablet mode my social icons drop below my burger menu which is hovering 50 pixels off the right of the page. i would like both my burger menu and social icons neatly aligned right if possible, can you offer a fix please?

    This is how it looks now…. http://www.vehiclesecuritysolutions.co.uk/temp-images/present.jpg
    this is how i would like it to look… http://www.vehiclesecuritysolutions.co.uk/temp-images/wish.jpg

    Lyndon Darkes

    May 17, 2018 at 7:51 am #957976
    Rikard

    Hey lyndondarkes,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
ul.social_bookmarks {
    position: absolute !important;
}

.av-main-nav-wrap {
    right: 30px;
}
}

    Best regards,
    Rikard

    May 17, 2018 at 1:12 pm #958134
    lyndondarkes

    Hi Thanks for that, it works perfectly apart from i had to add a little spacing between the burger menu and the social icons. I added the following quick css which seems to have worked ok but i am sure there is probably a neater way to do it. Please let me know if its not good.

    .avia-menu.av_menu_icon_beside {
    margin-right: 35px;
    }

    Thanks again for your help and quick response

    Regards, Lyndon

    May 18, 2018 at 4:07 am #958406
    Vinay

    Hi,

    The code you have added looks good to me. The website to looks clean and nice :)

    Do let us know if you need any further help!

    Best regards,
    Vinay

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