-
Posts
-
hey, i just launched my site powered by ENFOLD theme, it looks very nice on LAPTOP but on mobile the font is too big. The galleries look big as well to the point where images layout under each other, How can i decrease the size of the fonts and the layout elements on mobile only ?
hey Rikard,
i want to decrease all sizes ( paragraphs and headlines) on mobile display
and layout elements as well the gallerylooks way too big
thanksHi,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } p { font-size: 14px; } }Best regards,
Rikardhey RIKARD,
it didn’t work i also tried every CSS i could find in the support forum related to this problem but non of them seem to work
take a look at the website and see the gallery at the bottom of the home page (the pictures stack on each other) i want them to look like a real gallery just like on desktop
also the color section with the video background in the home page with its rotated headline it looks HUGE i want it to look smaller on phone
I NEEED URGENT HELP !
PLEASE !Can you please provide me a way for a faster help support ? like Whatsapp or any direct contact other than this forum please
Hi Hamidechi,
We do not do Whatsapp support, just this forum.
It’s a lot of css changes and they should be made case by case.
Could you please attach some screenshots of the issue?
Best regards,
Victoriahere’s the link to the screenshots https://postimg.cc/gallery/GRpQn5F
capture 1 the text is too big
capture 2 the partners logo slider appears stacked on each other i want it to look like a slider
capture 3 the color section with a video background does’t appear good at all and the text is too big i want it to look the way it looks on desktop
capture 4 the gallery doesn’t look like a gallery , the images are stacked on each otherHi Hamidechi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { #top #wrap_all .av-inherit-size .av-special-heading-tag { font-size: 0.6em; } #top h2.av-rotator-container-inner { font-size: 28px; } }The masonry and the logo slider are built to work like that and the logo slider cannot be adjusted via css.
If you need further assistance please let us know.
Best regards,
Victoriathank you it finally worked !
unfortunately the masonry and the logo slider doesn’t seem to be changingHi Hamidechi,
What about them? The code adjusts texts, not those elements. How do you need to change them?
Best regards,
Victoriai want to make them look smaller, in the logo slider and the masonry the pictures get stacked on each other i want to make them look smaller so they can look just like on desktop
Hi Hamidechi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .avia-content-slider .slide-entry { width: 48%; margin-left: 4%; clear: none !important; } }If you need further assistance please let us know.
Best regards,
Victoriait did work for the partner logos thank you but now i have another problem
the videos in the background hosted by vimeo are not working on mobile :(Hi Hamidechi,
This css does not affect the videos that are a whole different issue.
Please open a new ticket for your problem. Provide us admin access to have a deeper look into the issue, as well as precise links where we can see the issue. Screenshots highlighting what’s going on would help a lot (imgur.com, dropbox).
Best regards,
Victoria
- You must be logged in to reply to this topic.