Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #248563

    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

    #249478

    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

    #253139

    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

    #253147

    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

    #253149

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

    #253158

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

    #253167

    Hi!

    Glad that it is working for you too!

    @sjwmobile
    will do soon ;)

    Regards,
    Yigit

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