View Replies (2)

Resolved responsive layout in Calcio template

  1. Issue
  1. Calcio
  2. Monday, 11 November 2019
Hello
we have Calcio template installed at the following domain:

Titlehttps://neol.gr

if you visit the site from a mobile device, and click on any article, you will see that the layout is not correct

could you please check it out? we tried to de-activate the back to top, or change the php version (we use 7.3.11) but nothing solved the issue
if you need access to the backend we will create a user for you

thank you in advance
Accepted Answer
Hello Toufiq,
thank you for the guidance, the code was causing the sidebar to dissapear so this was the actual solution, but thank you for pointing out where to focus! the ticket may close, thank you again.
George & Rita

.view-article #sp-component {
width: 70%;
}
.view-article #sp-right, .view-article #sp-left {
display: initial;
}
.view-article .article-details {
padding: 80px 80px;
}

@media only screen and (max-width: 700px) {
.view-article #sp-component {
width: 100%;
}
.view-article .article-details {
padding: 20px 20px;
}

}
  1. more than a month ago
  2. Calcio
  3. # Permalink
Responses (2)
Hi there,

Thanks for your query. Please add this CSS code inside the custom.css file. 



.view-article #sp-component {

    width: 100%;

}

.view-article .article-details {

    padding: 20px 20px;

}


-Thanks
  1. more than a month ago
  2. Calcio
  3. # 1


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.