-
Posts
-
I do see that my website is not creating very nice pages where I have used Color Section in combination with Special Headings. I also see that H1, H2 and H3 are nice on a desktop, but to big in size on mobile devices.
What is the right way to handle the fontsize of these elements on mobile devices?
Is there no trick to get for example 75% of regular size to be used on Mobile devices?
If I have to resize all elements based on media queries in my CSS, that I have to do quite a lot of specifications.
Hey stedia,
You can enable custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your elements and give them custom CSS classes for them and then add following code to Quick CSS
@media only screen and (max-width: 480px) { .your-custom-class .av-special-heading-tag { font-size: 20px !important; }}Best regards,
YigitThanks – this is working for the headings.
Now I would like to hide also the background images on Mobile Devices. For Sliders there is an option.
What will be the trick to hide the background of the Special Color section. I’m using mainly the Parallax – center/center option Or Scroll in combination with Center Right.Hi!
Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
If we remove background images from your color sections, texts would not be readable and it would require more custom CSS code. Best solution is to hide your color sections on mobile and simply display different contentRegards,
YigitThanks for the clarification and the link.
With regards to the menu – I do see the option to hide a menu element.
I would like to hide the entire second menu. I would like the entire top bar above the header including the phone and the secondary menu.
Would that be possible?
- You must be logged in to reply to this topic.