The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Resolution 320px

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #207354

    I am working with mobile version of the site in the link below:
    Sincery i am having troubles with some elements over here.
    How to solve them ?
    1. If you click one of the shops listed
    you wont be able to see the content only an image and the footer.
    2.Under Events, on the right sidebar, we have “calendar,events and upcoming events” i need that the area where those elements,to be inside of a rectangle not that missapen form.

    I would apprechiate a lot your help. Thank you !!!

    1. On line nr. 1200 of custom.css I see:
    @media screen and (max-width: 479px) { {
        display: none;

    Under Events, on the right sidebar, we have “calendar,events and upcoming events”

    Sorry, I don’t see this module … Found it here


    I am so sorry,my bad . I totally forgot i was working on 320px at the moment. If we click on the “Events” menu item, the module is located at the end of the page .

    1. on custom.css 1109 setting the span to something other than inline, but there is other strange things going on as well …
    .events3 {
      display: inline-block;
      display: flex;

    Solved by flexbox :)


    Tell me about it. Hopefully i manage to fix it. Thank you in advance :)


    A bit of a mess really, … so maybe better remove or override the value for content on the pseudo-element (line nr. 1126) :before the span (is currently an image which doesn’t exist, was some sort of bullet maybe?):

    /* .events3 { */
        /* content: url('/templates/effortless/images/list.png'); */
        /* margin: 0 5px 0 0; */
    /* } */
    /* remove margin-bottom on title? line nr. 1229 */
    .uk-panel-title {
        /* margin-top: 20px; */
        margin-bottom: 0;
    .events3 {
        display: block;
        background: #AE2634;
        color: #ffffff;
        font-size: 18px;
        /* padding: 10px; */
        /* padding-right: 68.78%; */
        padding: .25em .5em;
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.