Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 16, 2014 at 12:13 am #305124
    slui

    Hi,
    I was just going thru the forum looking at various posts to see if I could troubleshoot the issue myself regarding the logo in the mobile menu being stretched vertically. In addition, the menu is sitting on top of the logo.

    I’ve looked at this post and tried to implement some of the code but it didn’t change anything.

    https://kriesi.at/support/topic/logo-in-mobile-responsive-view-stretched-and-menu-on-top-of-it/page/2/

    I’m a bit lost and would love some help to getting this resolved.

    Thanks

    • This topic was modified 9 years, 8 months ago by slui.
    August 16, 2014 at 12:18 am #305127
    slui

    I should add that this issue also occurs when I resize the browser. See the attached links for the images

    • This reply was modified 9 years, 8 months ago by slui.
    August 16, 2014 at 11:09 am #305248
    Ismael

    Hey!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css to adjust the logo on mobile view:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 100%;
height: 27px !important;
max-height: 27px !important;
}

.responsive .mobile_slide_out .logo {
float: left;
top: 30px;
position: relative;
}
}

    Regards,
    Ismael

    August 16, 2014 at 5:54 pm #305324
    slui

    Thanks Isamel….were you able to see the change on your mobile phone. I can’t seem see the change…

    sl

    August 18, 2014 at 12:20 pm #305687
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { height: auto !important }}

    Best regards,
    Yigit

    August 20, 2014 at 8:05 pm #307037
    slui

    Hi,

    Here is what I’m still seeing after implementing the code you’ve provided. As you can see, the log image still looks very much stretched vertically. I would like it shrink and move left so that the drop down menu is not cover the logo.

    See this link here:

    I look forward to your response.

    sl

    August 21, 2014 at 3:46 am #307123
    Ismael

    Hey!

    Where did you add the code? I can’t see it when I checked the logo. If you have a cache or minify plugin, please deactivate them first then test the suggested solution above.

    Regards,
    Ismael

    August 21, 2014 at 4:08 am #307131
    slui

    I added this into the Quick CSS section. I don’t have any cache or minify plugin working at the moment.

    August 21, 2014 at 4:10 am #307132
    slui

    This is what I have added into the code:

    /** Mobile Logo and Menu **/
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img { height: auto !important }}

.responsive .mobile_slide_out .logo {
float: left;
top: 30px;
position: relative;
}
}
    August 21, 2014 at 9:56 am #307240
    Ismael

    Hi!

    I’m sorry but it’s not there. Please use this instead:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 100%;
height: 27px !important;
max-height: 27px !important;
}

.responsive .mobile_slide_out .logo {
float: left;
top: 30px;
position: relative;
}
}

    If it’s alright, please post the login details here. We would like to check it.

    Regards,
    Ismael

    August 21, 2014 at 4:51 pm #307444
    slui
    This reply has been marked as private.
    August 21, 2014 at 4:58 pm #307446
    slui
    This reply has been marked as private.
    August 21, 2014 at 5:23 pm #307458
    Yigit

    Hi!

    You have CSS minifying feature enabled on “Autoptimize” plugin and it is stopping Ismael’s code from being applied. Please try disable CSS minifying feature, apply the code and then re-enable.

    Best regards,
    Yigit

    August 21, 2014 at 8:21 pm #307517
    slui

    Hi Yigit,

    I’ve disabled Autoptimize and deleted the cache. I’ve implemented the code and it has no effect that I can see.

    sl

    August 22, 2014 at 9:17 am #307686
    Ismael

    Hey!

    Autoptimize is still enabled so I disabled it but the css is still not working. Please go to wp-content > uploads > dynamic_avia folder then delete the enfold_child.css file there. Go back to the Theme Options then toggle any settings to regenerate the file.

    Regards,
    Ismael

    August 22, 2014 at 1:18 pm #307817
    slui

    Hey Ismael,
    Thanks for the tip. That was incredibly useful tip. BTW, what file permissions should that directory and its file should have? 777?
    sl

    August 23, 2014 at 1:03 am #308119
    Josue

    Hi!

    Yes, it should be 777 or 7777.

    Regards,
    Josue

    August 23, 2014 at 1:07 am #308121
    slui

    Thanks…please close this file

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Logo in Mobile format Is Stretched’ is closed to new replies.