Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 18, 2017 at 7:39 am #735161
    theplattrust

    Hi!
    I am using this custom code to make my menu items appear to the right of my logo:

    .main_menu {
position: relative;
left: 200px;
}

    However, I need for the social icons (Facebook, twitter and the search icon) to remain on the right hand side of the webpage. Looking through other threads; this code was suggested:

    .social_bookmarks {
top: 11px;
right: 600px;
}

    But for some reason, this makes no effect to the location of the favicons, which still remain with the other menu items.
    Any help would be appreciated!
    Thanks.

    January 19, 2017 at 4:45 am #735657
    Rikard

    Hey Tim,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 19, 2017 at 5:56 am #735677
    theplattrust

    Thanks Rikard,
    The website is as below.

    January 21, 2017 at 11:37 am #736752
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header .social_bookmarks {
	float:right!important;
	right:15%!important;
}

    Best regards,
    Vinay

    January 23, 2017 at 5:16 am #737080
    theplattrust

    That worked great thank you!
    There is now a border after the main header section however, despite the header settings set to minimal with no borders.
    Do you know how to fix this please?
    Thanks

    January 25, 2017 at 2:39 am #738068
    Nikko

    Hi,

    You have this css code in Quick CSS:

    #header_main .container {
    border-bottom: 3px solid #3333cc;
}

    Try to change it to:

    #header_main .container {
    border-bottom: none;
}

    Hope this helps.

    Best regards,
    Nikko

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