Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 28, 2019 at 7:35 pm #1059772
    beenee

    Hi all,
    I have the issue that I cannot get rid of a gap above the sitebar mobile view … too much spacing. There are a bunch of tickets in the kriesi enfold support with the same or similar question. All given css codes didn’t work and so I’m turning to you.
    Thanks for your help,
    Stefan

    January 31, 2019 at 7:54 am #1060819
    Rikard

    Hey Stefan,

    Thanks for the login details, though I’m not sure what you mean by sitebar? Sidebar maybe? If so then it looks fine on my end. Could you post screenshots of the problem maybe?

    Best regards,
    Rikard

    January 31, 2019 at 9:56 pm #1061250
    beenee

    Hi Rikard,
    yes it’s the sidebar (not sitebar=> typo sry) Here is a screenshot… https://pasteboard.co/HZ2nzWF.png That’s the gap after the main text before the sidebar. I really need to reduce it. Any ideas?
    best
    Stefan

    February 2, 2019 at 9:11 am #1061924
    Rikard

    Hi Stefan,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .template-page {
  margin-bottom:0;
}
}

    Make sure to clear the cache from your caching plugin and local browser before checking the results. Here’s a guide on when not to use a caching plugin.

    Best regards,
    Rikard

    February 2, 2019 at 11:50 am #1061966
    beenee

    Hi Rikard,
    I tried, but it didn’t show a result.
    Also playing around with extreme margin types
    margin-bottom:-20px;
    or
    margin-bottom:100px;
    didn’t do anything.

    I’m using Incognito Browser for Android which deletes the cache on exit

    Any more ideas?
    Best
    Stefan

    February 3, 2019 at 11:07 am #1062185
    Rikard

    Hi Stefan,

    Which browser you are using doesn’t matter if the site is serving a cached version, which it currently is. Please clear the cache from the plugin and leave it deactivated until you are done with your edits.

    Best regards,
    Rikard

    February 3, 2019 at 1:29 pm #1062207
    beenee

    Thanks for pointing this out Rikard,
    using autooptimize, emptied cache ( as in: https://kriesi.at/documentation/enfold/how-to-clear-the-cache/ ) and didn’t get it as expected…:-(

    Best
    Stefan

    February 4, 2019 at 10:39 am #1062584
    Rikard

    Hi Stefan,

    Thanks for the update, please try this CSS instead:

    @media only screen and (max-width: 767px) {
.home .template-page {
  margin-bottom:0 !important;
}
}

    Best regards,
    Rikard

    February 4, 2019 at 11:02 am #1062599
    beenee

    Thans Rikard, but….
    …nope…sorry… doesn’t do anything.
    I also looked into the styles.css editor and turned /* css */ several styles off that looked suspicious and could have been interfering but …still no…
    :-(

    February 5, 2019 at 7:31 am #1063037
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
.home .container .av-content-small {
    margin-bottom: 0 !important;
}
}

    Best regards,
    Rikard

    May 26, 2019 at 1:42 pm #1104295
    beenee

    Oh…and Oops, after searching for a similar problem I stumbled over this open ticket.
    I guess you can close it as I will have to rephrase the issue in a new ticket,
    Thanks as ever for your support!!

    May 29, 2019 at 4:31 am #1105024
    Rikard

    Hi,

    Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mobile view top margin sidebar’ is closed to new replies.