Solved Templates

Title is way off the to the right on desktop screen - ok on mobile

Asked by Neil 3 years ago Last activity 3 years ago

Hi
I have downloaded the Nuron template on to an existing J4 web site (previously J3.9) and most things are working OK, but the title seems to be too far over to the right when viewing on widescreen format. It's OK on mobile and tablet view.

How can I move the title back over to the middle of the page?

Thanks,
Neil

Accepted answer

Marked as the solution
Ofi Khan Staff
3 years ago

Thanks for the compliment. I have fixed your header with a simple CSS trick. Please check it now. Let me know if you need further help.

Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

I have a humble request too. It would be very kind of you if you can manage some moment to give us feedback on 

  1. Joomla Extension Directory
  2. TrustPilot

This will inspire us to improve.

26 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please give me your site URL?

-Regards.

Neil Asked this
3 years ago

Hi
Thanks for your reply. Sure, I have added it to the hidden content.
The home page is a custom SP-Page, but the rest of the site should be just normal single articles.
Thanks

Neil Asked this
3 years ago

Also the page is coming up with some errors as the following files are not found.

templates/nuron/css/bootstrap.min.css.map

templates/nuron/js/bootstrap.bundle.min.js.map

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (bootstrap.min.css.map, line 0)

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (bootstrap.bundle.min.js.map, line 0)

Mehtaz Afsana Borsha Staff
3 years ago · edited

Hi

For title header issue use this custom CSS

.article-details .article-details-top-wraper .article-header {
    margin: 0 !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

And for others issue please create a new forum post.

Mehtaz Afsana Borsha Staff
3 years ago

Do you want it here? Then use this CSS

.article-details .article-details-top-wraper .article-header .article-details-title{
    position: relative;
    top: 100px;
}
Neil Asked this
3 years ago

Thankyou so much Mahtaz,

I have tried the CSS you proposed and it doesn't seem to work.

I have added more information in the hidden content.

Many thanks for any help you can provide.
Neil

Mehtaz Afsana Borsha Staff
3 years ago

If you use this css then it seems like this which is ok right? https://prnt.sc/7pm9ohGPgdWm

.article-details .article-details-top-wraper .article-header {
    margin: 0 !important;
}
Neil Asked this
3 years ago

Sorry Mehtaz - the title and text on the left is not correct for this template and looks awful.

When a page loads with any normal content it has padding to the left and right.

I really don't understand why the template is not working normally when displaying a single article?

Can we make the single article look like is should, with the padding on left and right?

Neil Asked this
3 years ago

I have just created a test page that doesn't use the Joomla 4 single article and instead uses a component that publishes plain HTML, so you can see what the page should look like vs what it is now.

Log in to reply.