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

    Hi there,

    Firstly, how good is this theme? VERY!
    I’ve already had about 100 questions answered in these forums without posting, but can’t quite get my head around this one.

    When I view my site at mobile resolutions, the language selector flags flip to be underneath my social media icons.
    I’d like the social media icons to be in the top right, with the flags ideally just next to them like at desktop resolutions.

    I’m sure there’s a snazzy CSS way to do this but I just can’t make it work!

    Help gratefully received :)

    #649152

    Hey therealmikeward,

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

    @media only screen and (max-width: 767px) {
    nav.sub_menu {
        float: left!important;
    }
    nav.sub_menu, .responsive #header .social_bookmarks {
        width: 50%!important;
    }}
    @media only screen and (max-width: 480px) {
    ul.noLightbox.social_bookmarks {
        padding: 0;
    }
    #header_meta .container {
        max-width: 100%!important;
        width: 100%!important;
    }
    }
    

    Best regards,
    Yigit

    #649510

    Hey Yigit,

    Thanks for the quick response and the great CSS :)
    Just what I need.
    I just need to put a little more top-margin on the flags so they line up with the social buttons and I’ll be done.
    I reckon I can work that out.

    Thanks a lot for your help.

    Cheers,
    Mike

    #649781

    Hi,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .av_secondary_right .sub_menu { mawrgin-top: 5px !important; }}

    Best regards,
    Yigit

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