-
AuthorPosts
-
December 11, 2014 at 11:42 am #366584December 11, 2014 at 3:38 pm #366697
Hi Peuf!
You can use Tabs element under Content Elements in Advanced Layout Builder. Please see examples here – http://kriesi.at/themes/enfold/shortcodes/tabs/
Cheers!
YigitDecember 13, 2014 at 8:34 pm #367758December 15, 2014 at 1:10 am #368066Hey!
I tried to visit the actual website but it doesn’t exist. Please check.
Regards,
IsmaelDecember 15, 2014 at 1:54 am #368085This is the actual website: http://quelquncommemoi.com/
Maybe you didn’t find it because there is an error on my sitemap. One let me know there is a problem.
December 15, 2014 at 6:46 am #368166Hey!
Edit the image layer then go to Attributes panel. Apply a css id or class. Use the selector plus css media queries on Quick CSS field to resize the image on smaller screen sizes. Use “devenons” on the ID field for example. Save change. Go to Quick CSS field then use this:
@media only screen and (max-width: 767px) { #devenons { font-size: 38px !important; left: 20px !important; } }
Cheers!
IsmaelDecember 15, 2014 at 11:48 am #368228December 17, 2014 at 1:23 am #369270Hi!
Are you referring to the layer slider or the color section below? If you want to fix the layer slider, go to the Layer Slider panel then follow the instructions above. If you’re looking to adjust the color section background, add this on Enfold > General Styling > Quick CSS field:
@media only screen and (max-width: 1200px) { div#av_section_1 { background-position: 80% !important; } }
Regards,
IsmaelDecember 17, 2014 at 11:59 am #369408Ok thanks, I achieved to fix the “devenons plus forts ensemble”. But what about images ? I mean I would like to fix the line under this sentence as well as the others elements.
About the color section, I achieved to fix it. The problem is that I insert some texts inside of the color section. But the text isn’t responsive yet.
Thanks !
December 19, 2014 at 2:00 am #370373Hi!
I would recommend to remove your background-image by replacing this code:
@media only screen and (max-width: 1200px) { div#av_section_1 { background-position: 80% !important; } }
with this one:
@media only screen and (max-width: 1200px) { div#av_section_1 { background-position: 0 !important; }}
Then you don’t have to worry about the font getting hidden.
Hope that helps.Regards,
AndyDecember 19, 2014 at 4:01 pm #370597Thanks it’s better but now only the text is responsive. The picture isn’t so the result isn’t perfect yet. I need to have the text and the picture responsive. Besides, I would like the tool bar and the layer slider responsive too. Is it possible ?
Thanks a lot !
December 22, 2014 at 9:35 pm #371815Hey!
Please try adjusting “responsive under” and “layers container” values in LayerSlider WP > Slider Settings > Layout and check if that helps – http://i.imgur.com/E2YOJ5x.png
Cheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.