-
Posts
-
1. There’s a weird problem where images sometimes collapse into each other. Anyone know why and how to fix it?
2. Sometimes H text will spill out of the screen to the right. Why doesn’t the text stay inside the box? I’ve tried all kinds of CSS, but none of it seems to work. How to fix?
3. Some sections get too much white space. What’s the easiest and fastest way to adjust padding/margin?
4. How do I remove the search icon on mobile? or at least put it in the dropdown menu? it takes up too much room on mobile
Hi bardur,
1 & 2, can you give us links to those pages? so we can inspect it.
3. Layout Elements have padding options that you can change, so it is the standard way, the easiest way would be changing the default padding via CSS which will have a global effect.
4. To remove the search icon on mobile, please add this CSS code in Enfold > General Styling > Quick CSS:@media only screen and (max-width:767px) { #avia-menu > #menu-item-search { display: none; } }Then to add it on the burger menu, please follow Mike’s instruction on this thread: https://kriesi.at/support/topic/search-as-part-of-fly-over-menu/#post-1372412
I hope it helps.Best regards,
NikkoHi
Yes the problem is most apparent on this page https://ringstedsportscenter.dk/pensionistsvoemning/
I have put in the CSS code you suggested and that removed the search icon. I have also made it so one of the two images on top of each other is not displayed on mobile, so that is also fixed. The problems I’m still having are that some of the H texts aren’t contained inside the box and spill out, as well as what seems to be added padding in random places, resulting in too much white space.
I have tried to reduce the pixel size of the H texts on that page to 8 pixels, both through the editor and CSS, but it never changes. So I don’t know how to fix it
Hi bardur,
1. There’s a weird problem where images sometimes collapse into each other. Anyone know why and how to fix it?
I can’t seem to see the issue in the link you gave, can you give us a screenshot for it?2. Sometimes H text will spill out of the screen to the right. Why doesn’t the text stay inside the box? I’ve tried all kinds of CSS, but none of it seems to work. How to fix?
Please try to add this CSS code in Quick CSS:#top #wrap_all .all_colors h1 { overflow-wrap: break-word; }Best regards,
NikkoThat worked. Thanks
I have another problem, where the font size of the H1, H2, etc. texts cannot be changed. If you look at https://ringstedsportscenter.dk/wellness-og-aquafitness/ on mobile, then you can see on the banner that the font size is too big and it cuts off certain words. Is there a way to change the font size? I have tried changing it with both CSS and with your builder, by changing it to 8px on mobile, but it doesn’t change. Don’t know why
Hi,
I see that you added the mini font change to the text element, but this is for paragraph text and not headings so to change the H1 size to 8px you could use this css:@media only screen and (max-width: 479px) { .responsive #top #wrap_all .all_colors .av-mini-font-size-8 h1 { font-size: 8px; } }and change the font size to suit.
Another option is to see the global settings at Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography SettingsBest regards,
MikeThe CSS doesn’t appear to do anything. The sized of the headings stay the same. Editing the (Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings) has no responsive settings. So I can’t use that.
Is there no way to change the font size of headings, inside of the editor? I can’t use break-word CSS, because then it cuts off letters and makes things unreadable. I don’t know what “mini font change” is, but I’m assuming it’s the name Kriesi has given to changing paragraph text. Where can I then change heading text?
Hi,
In order to see the responsive settings for the global settings at Enfold Theme Options ▸ General Styling ▸ Typography ▸ Advanced Options: Customize Typography Settings you need to first toggle the heading for it to expand and show all of the options:
Please note the sizes listed:
Best regards,
MikeI am only able to find global font editing when I go to Advanced Styling. I see no Typography anywhere under General Styling. That must be why I can’t do responsive editing
For me the tabs on the General Styling page are: logo area, main content, alternate content, footer, socket, body background, fonts. There is no typography, like in your picture
Hi,
I see that you are using an outdated version of the theme, you are using v4.7.6.4, please update to v5.6.2
This version also had an issue with the Envato private token so you will need to manually update.
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
Mike
- You must be logged in to reply to this topic.