Forum Replies Created
-
Posts
-
Hi Rikard,
I updated the theme & cleared the cache. Still seeing the problem. I checked the page source in my browser and verified it is pulling in the theme version 4.8.6.2, so it is not a caching problem.
I tried creating a new row with 4 columns and moving the content to those columns. That didn’t work, either.
Any suggestions?
Surely this cannot be the only website using Enfold theme which has this issue with the 4 column layout?
Checked on desktop: Edge, Firefox and on mobile: Chrome on Android; works as intended.
Thanks, Rikard!
Adding the !important caused this to show.
However, the 10% was not enough. 60px seems to work well. I checked on desktop at a wide variety of browser widths, and on a phone.
This is needed on all screen sizes, so I removed the media query. My final code looks like this:
p.toggler {
padding-right: 60px !important;
}
}However, this is also affecting the accordions with the “Minimal” styling. Those don’t need this styling, since they don’t have the + icon on the right.
Is there are solution that will only affect the accordions / toggles that use the “Elegant” styling?
Hey Rikard,
I
1. added the code
2. cleared the hosting side cache
3. opened a new browser and cleared cache on that
4. loaded the siteNo effect.
The Inspector tool shows that the 10% margin rule is being overwritten by some other CSS rule.
Hi Rikard, I am still seing the issue, on multiple browsers (Edge, Chrome, Firefox). My colleague is also seeing the issue, and I just confirmed it by accessing the site on a 3rd computer.
It appears when the width of the browser window is between 767 and 988 pixels, according to the inspector tool.
To generate the error, I
1. access the site
2. scroll down to the heading “Earn when you service”
3. Drag the browser window slowly narrower / wider and watch the columns in this section carefullyBest,
Raina
