Copy Menú item and display is different

carlucci

https://gpc.com.es/

I have copied the Main-Menu item Podcast in
Main-Menu item "Categorías -----> Artículos por categorías"
and display is different: the categories are not seen.
I have not modified anything.

screenshot-1 without categories

screenshot-2 Podcast

I need a Css code to display the title of the module in line and center

saguaros

carlucci

The categories list rendered from a module called Categories in cat-podcast position and you'd not assigned this module to that clone menu item page yet.

I just assigned and it's showing now.

carlucci

saguaros
Thank you very much for your help. I have a question.
Could you tell me what exactly did you do?
so I avoid repeating the same mistake

saguaros

carlucci Hi

You go to Backend >> open this module Categories in cat-podcast position >> Menu assignment tab >> assign to above pages.

carlucci

saguaros
https://gpc.com.es/index.php/podcast
List 3 columns does not work. Only 1 or 2 columns works

saguaros

carlucci Maybe cache from your browser? as I can see 3 cols now:

carlucci

saguaros
I have cleared the cache from my browser. I always do it. It still doesn't work. However, the cache does not last forever.

If you read the entire thread you will see that I have asked you to display the title of the module in line and center.
I have put a css code and it does not work with all the modules.

.section-title-wrap .section-title {
font-size: var(--h2-font-size)!Important;
}

saguaros

carlucci Do you mean on this 'Podcast' page? Actually, it's page heading and you can use this custom css code:

.view-podcast-list .page-header h1, .view-podcast-list .page-header .h1 {
    max-width: initial !important;
    text-align: center !important;
}

.view-podcast-list .page-header h1:after, .view-podcast-list .page-header .h1:after{
    background-position-x: center;
    width: initial !important;
}

carlucci

So that everything works I have left my code and yours

.view-podcast-list .page-header h1, .view-podcast-list .page-header .h1 {
max-width: initial !important;
text-align: center !important;
}

.view-podcast-list .page-header h1:after, .view-podcast-list .page-header .h1:after{
background-position-x: center;
width: initial !important;
}
.section-title-wrap .section-title {
font-size: var(--h2-font-size)!Important;
}

I don't know what to do with the number of columns. I have completely cleared the cache in Chrome which is my browser.
I started my website with the Opera browser and it doesn't work either

saguaros

carlucci It's weird as I checked different browsers but it's showing 3 cols:

carlucci

I do not know what to do. I have looked at many things. This template is a bit different.
Something escapes me and I don't know what it is.
I have noticed that you are behaving very well with the support. This is very important. It is totally different from the support before.

carlucci

I have completely deleted the installation and completely reinstalled ja-podcast.
All three columns still not working. Custom.css is the original.
https://gpc.com.es/index.php/podcast

I haven't done anything after installing it. I have only registered a new user : Joomlart-Support
Ja-Podcast Mysteries!

saguaros

It's really weird as I also asked our colleagues to check but it's displaying 3 cols:

Our demo site is set to show 3 cols too: https://ja-podcast.demo.joomlart.com/index.php/podcast could you check if the same problem there?

Which screen size of monitor are you using?

carlucci

I have set my screen size to 80% and it can see all three columns.
The idea of the screen size has been very good. I could not imagine that this template was like this.
What have I owed? I would like to know why it is, for me, new.
It is better to close this thread. I will make my personal changes and if necessary I will put another thread.
Thanks a lot. This is the Saguaros that I hope it is.

saguaros

carlucci Let us know if you need other helps then.