Resolution 320px

[Eva]

Hello,
I am working with mobile version of the site in the link below:
http://qtu.al
Sincery i am having troubles with some elements over here.
How to solve them ?
1. If you click one of the shops listed http://qtu.al/index.php/en/stores
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 !!!

[Atelierbram]

1. On line nr. 1200 of custom.css I see:

@media screen and (max-width: 479px) {
.tm-main.uk-width-medium-1-1 {
    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

[Eva]

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 .

[Atelierbram]

1. on custom.css line.nr. 1109 setting the span to something other than inline, but there is other strange things going on as well …

.events1 span.uk-title-text,
.events2 span.uk-title-text,
.events3 span.uk-title-text {
  display: inline-block;
  display: flex;
}

Solved by flexbox :)

[Eva]

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

[Atelierbram]

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 span.uk-title-text:before { */
    /* 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 span.uk-title-text {
    display: block;
    background: #AE2634;
    color: #ffffff;
    font-size: 18px;
    /* padding: 10px; */
    /* padding-right: 68.78%; */
    padding: .25em .5em;
}

[Author]

Posts