Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 13, 2017 at 11:30 am #851529
    OlivierCharlot

    Hi,
    I use a CSS you gave me to eliminate the logo on my standard version, as it is included in the Layer Slider.
    When I open the mobile version, the logo appears above the layerslider, so there are 2 logos appearing.
    How can I fix this and not have any logo on the mobile version? I am happy with the layerslider alone.
    Thanks in advance, and best regards,
    Olivier.

    September 14, 2017 at 6:15 am #851834
    Rikard

    Hey OlivierCharlot,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top .logo {
    display: none !important;
}
}

    Best regards,
    Rikard

    September 15, 2017 at 1:53 pm #852528
    OlivierCharlot

    Hi Rikard,

    Fantastic. It works just fine.
    How can I now make that the Layerslider starts below the menu icon on the left (the 3 horizontal bars)
    And is it possible to have the text start below the layerslider? Today it is partly hidden by the slider.

    Many thanks, and warm regards,
    Olivier.

    September 17, 2017 at 5:00 am #852993
    Rikard

    Hi,

    Great, please try this as well:

    @media only screen and (max-width: 767px) {
#header {
    padding-bottom: 30px;
}
}

    Best regards,
    Rikard

    September 19, 2017 at 10:20 am #853779
    OlivierCharlot

    Hi Rikard,

    Just perfect to have sliders start before the menu icon. Thanks a lot!!!
    The slider of the home page is higher than the others and it is still covering partly the first line of text. Is there any workaroud there, if possible only for the home page???

    You gave me that CSS code to eliminate the logo across the mobile version:
    @media only screen and (max-width: 767px) { .responsive #top .logo { display: none !important; } }

    Is there a CSS code to eliminate the logo on the pages but not for the blog on the mobile version???

    Thank you very much for your very valuable support ;-)
    Olivier.

    September 20, 2017 at 10:41 pm #854583
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .html_header_transparency #main {
    padding-top: 3px!important;
}
@media only screen and (max-width: 767px) { 
.responsive #top.blog .logo, 
.responsive #top.single-post .logo { 
    display: block !important; 
} }

    Best regards,
    Yigit

    September 26, 2017 at 5:41 pm #857053
    OlivierCharlot

    Hello,

    Logo topic solved.

    The space below the home page layerslider is still the same and the CSS code you gave increased the space below the menu, and above the slider.
    So on the mobile version only, the home page layer slider is still “eating” part of the first line of text. It is probably some kind of bug of the responsive design.
    Is there a way to solve this?
    I attsach a picture to make it more explicit.

    September 27, 2017 at 7:31 am #857341
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.home .av_one_third.first {
  padding-top:30px !important;
}
}

    Best regards,
    Rikard

    September 27, 2017 at 9:18 am #857388
    OlivierCharlot

    Victory!!!
    Thanks a lot Rikard. Your CSS made it just perfectly.
    Yo can definitey close this topic now ;-)

    Have a nice day,
    Olivier.

    September 27, 2017 at 10:17 am #857413
    Nikko

    Hi,

    Glad that Rikard helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Logo on mobile version’ is closed to new replies.