Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #735161

    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.

    #735657

    Hey Tim,

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

    Best regards,
    Rikard

    #735677

    Thanks Rikard,
    The website is as below.

    #736752

    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

    #737080

    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

    #738068

    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

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