Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 16, 2016 at 12:05 pm #649144
    therealmikeward

    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 :)

    June 16, 2016 at 12:14 pm #649152
    Yigit

    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

    June 17, 2016 at 2:57 am #649510
    therealmikeward

    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

    June 17, 2016 at 2:25 pm #649781
    Yigit

    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

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