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
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. # 3
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. # 4
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. # 5
  • Page :
  • 1


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