Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 8, 2014 at 1:54 am #248563
    sjwmobile

    Hi,

    Please see http://79.170.44.107/magicfest.co.uk/

    On iPhone (responsive) the menu overlaps my logo (it’s quite a wide logo) and the social icons also overlap everything. I think the easiest way to fix the issue would be to have the logo ‘pushed’ down the page slightly for responsive version and the social icons beneath the logo. Could you provide some custom CSS to make it like this please?

    I’ve seen a few replies to previous issues like this and tried tweaking some custom CSS to try and position social icons beneath logo and ensure the menu doesn’t overlap the logo but no joy!

    Appreciate your help!

    Sam

    April 9, 2014 at 11:50 pm #249478
    Yigit

    Hi sjwmobile!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) {
.responsive #header_main .container {
height: 140px !important;
}
#advanced_menu_toggle { top: 25%; }
.responsive .mobile_slide_out .logo { margin-top: 18%; }
#header_main .social_bookmarks { top: 25%; }
}

    Please flush browser cache on your iphone and refresh your page a few times

    Regards,
    Yigit

    April 18, 2014 at 1:27 pm #253139
    MENS

    Hi tried to fix this to.

    Allthough i can’t code this worked for me, probably have to customize the percentages and height.

    @media only screen and (max-width: 767px) {
    #header_main .social_bookmarks { top: 85%; }}

    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
    height: 90px !important;}}

    @media only screen and (max-width: 767px) {
    .logo img, .logo a, .responsive .mobile_slide_out .logo { padding-right: 10%; }}

    Result:
    http://www.haakconsult.nl/

    Cheers Herrbirk

    April 18, 2014 at 1:59 pm #253147
    Yigit

    Hi!

    It seems to be working fine on my end – http://i.imgur.com/ueNUFUp.png
    Please try flushing your browsers cache and refresh your page a few times

    Regards,
    Yigit

    April 18, 2014 at 2:03 pm #253149
    sjwmobile

    Hi Yigit – could you or a member of support please respond to my queries at https://kriesi.at/support/topic/portfolio-queries/ thanks!

    April 18, 2014 at 2:14 pm #253158
    MENS

    Hi Yigit,
    Yes it works also with me it was merely to help people with this problem ;)
    Cheers

    April 18, 2014 at 2:27 pm #253167
    Yigit

    Hi!

    Glad that it is working for you too!

    @sjwmobile     will do soon ;)

    Regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo / Social Icon overlap’ is closed to new replies.