Recent
Categories
View Replies (1)

Custom CSS Code To Center Logo on Desktop View on Joomla 4 Version Of The Nina Template

  1. Issue
0
Votes
Undo
  1. smithjd44
    smithjd44
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 16 March 2022
  5.  Subscribe via email
I have designed a Joomla 4 website with the J4 Nina template.

Is it possible to add custom CSS coding that would center the logo in the header on a desktop and also keep it centered on mobile phones?

I just purchased your Joomla 4 version of Jasmine which does have the centered logo if adding Custom CSS code is not possible for the Nina J4 template.

As always I really appreciate all of the great Custom CSS coding you have provided me the past.

Thank you!

James
References
  1. https://www.catoricanyon.com
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi James

Sure. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#container_header {

    padding-top: 2rem;

}

.header_main {

    flex-direction: column;

}

.logo {

    left: 0;

    padding-block: 0;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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