Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 14, 2014 at 5:02 pm #251200
    Cum_Vincere

    Hello,

    I would like to inform you that the header setting centered logo + centered menu below, as per you latest version 2.6.2 shows a problem on mobile devices:

    The logo is left aligned, but its left part is cut off by the margin of the page.

    Please note that I have tried this setting on a new, local test install, with the standard “Enfold” logo, with WordPress + Enfold just out of the box.

    Thank you if you can check it.

    April 15, 2014 at 7:59 am #251479
    Ismael

    Hey Cum_Vincere!

    Thank you for the heads up.

    Please add this on Quick CSS or custom.css:

    @media all and (max-width: 480px) {
.html_header_top.html_logo_center .logo {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}

    Regards,
    Ismael

    April 15, 2014 at 11:14 am #251515
    Cum_Vincere

    Hello Ismael, thank you for your suggestion.

    Yes, it works. I changed the first value to @media all and (max-width: 767px) so that it suits tablets, too.

    Moreover, the social icons (I tried just Facebook, Twitter and Flickr) on the right side of the header with centered logo overlap the logo and the menu.

    It might be worthwile correcting this, if possible.

    Thank you.

    April 15, 2014 at 2:04 pm #251589
    Yigit

    Hi!

    I have tried to reproduce it on my local installation but it does not overlap on my end. Can you post the link to your website so we can take a look?

    Regards,
    Yigit

    April 15, 2014 at 2:29 pm #251611
    Cum_Vincere

    Hello Yigit, Unfortynately my installation is local, too.

    April 15, 2014 at 2:36 pm #251614
    Yigit

    Hi!

    Can you post a screenshot? We can try to provide you some custom CSS code. If they do not work, we can help you when you launch your website

    Cheers!
    Yigit

    April 18, 2014 at 1:18 am #252977
    noble51

    I’m having this same issue as stated above – I did put in the CSS fix you suggested and it did center the logo.
    But….

    Now the logo is under the navigation

    See screen capture to illustrate.

    Can some additional CSS fix this issue?

    Screen Capture
    https://app.box.com/s/khbqkbvfoynjtcb4jq1n

    April 19, 2014 at 1:23 am #253355
    Yigit

    Hey!

    Do you mind creating a temporary login so we can inspect elements on your website Paul?

    Best regards,
    Yigit

    April 19, 2014 at 2:13 am #253378
    noble51
    This reply has been marked as private.
    April 19, 2014 at 2:19 am #253381
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
margin-left: 35%;
}}
@media only screen and (max-width: 480px) {
.html_header_top.html_logo_center .logo {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none; }
.responsive .logo a, .responsive .logo img {
height: auto !important ;}}

    Cheers!
    Yigit

    • This reply was modified 10 years ago by Yigit.
    April 19, 2014 at 2:22 am #253384
    noble51

    Yigit:

    That made the logo smaller – pushed it to the right a bit and it is still behind the navigation.

    I did not make a screen capture, but here is the url to view on iPhone

    http://www.ng-sandbox.com/keystone

    Thanks

    Paul

    April 19, 2014 at 2:26 am #253385
    Yigit

    Hi!

    Please change following code

    @media only screen and (max-width: 767px) {
.responsive .mobile_slide_out .logo {
margin-left: 35%;
}}

    to following one

    @media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive .mobile_slide_out .logo {
margin-left: 35%;
}}

    If that does not help, do you mind if i adjust it on your WP backend?

    Cheers!
    Yigit

    April 19, 2014 at 2:30 am #253387
    noble51

    That did not work either.

    You’re welcome to do what it takes to make the changes work.

    Paul

    April 19, 2014 at 2:39 am #253389
    Yigit

    Hi!

    Please review your website now. I have just checked on my iphone and it does look fine on my end

    Best regards,
    Yigit

    April 19, 2014 at 2:43 am #253392
    noble51

    Cool

    So it is “sort of centered” giving the navigation room to fit.

    Looks good.

    Now… you adjusted the backend. What does that mean for me as far as updating the site?
    Is this something that will be addressed in future updates and when I update it will be fixed like you’ve done or will I need to contact you to make this change again? Not sure how that works.

    Thanks Yigit!

    April 19, 2014 at 2:48 am #253395
    Yigit

    Hi!

    As long as theme names are matching while you are updating the theme, your options will not be changed. Same goes for custom CSS code in Quick CSS field. I do not think you are going to need to adjust the logo again. If you do, feel free and let us know!
    Always glad to help, Paul. Happy Easter!

    Regards,
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Logo center + Menu below: half logo cut on the left on mobile’ is closed to new replies.