Recent
Categories
View Replies (5)

Magnolia Templates slider and header not responsive

0
Votes
Undo
  1. nickymcn
    nickymcn
  2. Sherlock Holmes
  3. General
  4. Thursday, 22 February 2018
  5.  Subscribe via email
I have just discoverd that the slider and header text are not responsive on a mobile phone. I have looked for the code to fix this issue but as yet unable to find anything to make this work properly or even if it does.
References
  1. http://www.dhmjournal.com
Responses (5)
nickymcn
nickymcn
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I have updated my template and still the issue is not resolved for a mobile device. Can anyone help out?
  1. more than a month ago
  2. General
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Firstly ensure that the Responsive Layout option is enabled in your template settings (General -> Responsive Options).

To reduce the size of your logo text on smaller screens you can also add the following to the Custom CSS field (General -> Custom CSS)...

Edit to taste

@media only screen and (max-width: 767px) {

.logo h1 a {

    font-size: 42px;

}}


Ciarán
  1. more than a month ago
  2. General
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

If the above CSS is effecting anything besides your logo then I suspect syntax error. Have you definitely copied the CSS exactly as it appears above? Tried placing it at the end of your Custom CSS field?

Ciarán
  1. more than a month ago
  2. General
  3. # 3
nickymcn
nickymcn
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks so much it worked.

Awesome support.
  1. more than a month ago
  2. General
  3. # 4
nickymcn
nickymcn
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

I have put the code in the custom CSS and it has fixed the header part to resize on a mobile phone but then it removes the styling for other modules I have created throughout. I also cannot get the images in the slider which is included in the template options to render responsive in certain media. I have tried alot of things? Please anyone?
References
  1. http://www.dhmjournal.com/
  1. more than a month ago
  2. General
  3. # 5
  • Page :
  • 1


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

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok