Recent
Categories
View Replies (3)

Media queries for Willow Template : some issues

0
Votes
Undo
  1. chrish
    chrish
  3. Commercial Templates
  4. Tuesday, 28 June 2016
  5.  Subscribe via email
Hi,
Just for your information :
I noticed some issues in the media queries, I solved some with the custom css, but still :

- The div logo (in text form) doesn't adapt for the small screens
- Same for the div slideshow (I actually need to find a solution for this one).

Also, about the class slicknav_menu, it would be great if it was fixed like the header, it would be easier to navigate on smartphones.

Thank you
(sorry for the language mistakes, I'm french)
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Firstly to fix your mobile menu on mobile devices try adding the following to the Custom CSS field of your templates parameters...


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

.slicknav_menu {

    position: fixed;

    width: 100%;

    z-index: 110;

}

#header_bg {

    margin-top: 60px;

}}


1. We haven't changed the logo text font size on smaller screens as it largely depends on the length of the text used however this would be a common issue so I will make sure to put together a tutorial on achieving this.

2. Would you have a URL to an example of this issue? Are you finding the same issue on the template demo and if so on which devices are you having the issue (http://demo.joomla51.com/0134/)?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
chrish
chrish
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for your useful answer, I'm going to follow your advice.
The website isn't finished yer, but you can see it anyway : http://www.gites-bauges.com

I admit I didn't check the demo template yet, but I will. :)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Chrish

As you are using a 3rd party slideshow extension could you confirm that this extension is indeed responsive?

On a side note to amend your slogan text wrapping to a second line you can also add the following to the same Custom CSS field...


p.site-slogan {

    white-space: nowrap;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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