Tagged: , , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 3, 2015 at 5:54 pm #468186
    July 4, 2015 at 10:20 am #468367
    Rikard

    Hey EricMarks!

    Please try to set Header Mobile Menu activation to Activate for Smartphones and Tablet under Enfold–>Header–>Mobile Menu to see if it gets better. If not we can provide you with custom CSS.

    Regards,
    Rikard

    July 4, 2015 at 9:21 pm #468426
    EricMarks

    Hello @Rikard, thanks for the advice but it is still overlapping. Is there some CSS that will fix this?

    Also, this might be a stretch, but one of my favorite things about Enfold on my desktop website is the way the header menu is transparent and then re appears when you scroll down to the content. Is there a way to make this happen in the mobile version with code? If so, I would be the happiest camper in the Enfold community :-)

    Thanks!!

    July 6, 2015 at 6:53 am #468685
    Rikard

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling to make the logo a bit smaller on mobile:

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

    Best regards,
    Rikard

    July 6, 2015 at 7:04 am #468691
    EricMarks

    Hey @Rikard

    So, this is strange. It fixed the logo on the homepage but evert other page the logo still overlaps. Any ideas? Thanks!

    July 6, 2015 at 3:17 pm #468987
    Elliott

    Hey!

    It seems to look fine on my end. Can you take a screenshot and highlight what your seeing?

    Best regards,
    Elliott

    July 6, 2015 at 8:24 pm #469225
    EricMarks

    Hello @Elliott

    It looks good now. It just took about 30 minutes for some reason after the change. I do have another question while I have you on the thread if you don’t mind:

    Is there a way to play around with padding with the elements in the advanced layout editor? As you can see on my homepage, I used elements to make my own sidebar, but I wish the element sidebar AND the blog were further apart almost touching the edge of the webpage and be responsive.

    Here is an example: http://www.StuckinCustoms.com

    and here is MY site: http://www.FindingMIddleEarth.com

    Thanks so much

    July 7, 2015 at 9:03 am #469469
    Rikard

    Hey!

    You can set padding for most elements if you edit the one in question and select the Layout tab.

    Cheers!
    Rikard

    September 30, 2015 at 12:10 pm #511383
    richardelectrix

    Hi

    I have tried this code in the child stylesheet and it doesnt work for me …

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

    Please take a look http://screencast.com/t/uENwHkKOowcp

    I have also used this code in my child stylesheet to shrink the font on the image caption, but that doesn’t work either …

    @media only screen and (max-width: 768px) {
h2.avia-caption-title {
    font-size: 10px!important;
}
.avia-caption-content {
    font-size: 8px!important;
}
#top .avia-slideshow-button.avia-color-light {
    padding: 7px 10px;
}}
    September 30, 2015 at 3:24 pm #511572
    Yigit

    Hey!

    Can you please check this issue now? This should be fixed as well :)

    Best regards,
    Yigit

    September 30, 2015 at 3:27 pm #511582
    richardelectrix

    This is also fixed.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Enfold – MOBILE VERSION LOGO OVERLAPPING’ is closed to new replies.