Forum Replies Created
-
AuthorPosts
-
Hi Victoria,
Yes it did but it would be nice to see it fixed in a future release.
With thanks
Regards
Phil
Hi Rikard,
I found this plugin
A bit out of date but seems to work for iOS and it means we don’t have to code anything into functions.
Now I’m looking to find a way to do something similar with Android.
Cheers
Phil
Hi,
I’m having the same issue with the latest version of Enfold 4.4.1. I’ve had to add the CSS to the custom CSS to get numbered lists t display correctly.
Regards
Phil
Thanks @guenni007 – I”ll give that a try
Hi,
With regards to adding a home screen icon on mobile devices, is the above code still valid?
If so, do we need to add both the function and the GA code?
Thanks
Phil
Hi Victoria,
We’re working on a re-brand of an existing site so we have it on a test server. Details below.
With thanks
Phil
Hi,
So I’ve got this working using this CSS
#waves {
margin-top: -78px;
z-index: 12 !important;
position: relative;
}using a color section with a background image.
It works OK if the viewport is 1600 or more, but breaks under that – space starts showing beneath the div
Regards
Phik
Sorry, forgot the link to the page
Hi Victoria,
See below
Hi,
Just a quick update on this. We disabled all plugins and still we get timeouts and issues. So it’s not a plugin conflict.
Thanks
Thanks Ismael. Nailed it as usual :-)
I’ve chaged the break point for the colums on the page and adjusted the CSS to reflect that
@media only screen and (min-width: 988px) {
/* button alignment on donation page */
.donate-buttons .avia-button-wrap {
display: inline-block;
position: absolute;
bottom: -70px;
left: 0;
right: 0;
}.button-align .flex_column.av_one_third {
padding-bottom: 140px !important;
}
}Hi,
I’m having trouble with this set up on another site. On mobiles, text is encroaching on the buttons
The code I’ve used is as follows
/* button alignment on donation page */
.donate-buttons .avia-button-wrap {
display: inline-block;
position: absolute;
bottom: -70px;
left: 0;
right: 0;
}
.button-align .flex_column.av_one_third {
padding-bottom: 140px !important;
}All good on desktop.
But on mobile the text encroaches
https://screencast.com/t/AMFFDPiJnE
In chrome dev tools I can set the margin to 80 pixels like this
@media only screen and (max-width: 767px)
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 80px !important;
width: 100%;
}But when I add that to Quick CSS in Enfold, it doesn’t work.
Any suggestions would be greatly appreciated.
With thanks
Phil
Thanks all. I’ll give the cleaner a try.
Cheers
Phil
Thanks Victoria, that works great :-)
Hi Victoria,
So I’ve added the following CSS to the site to get 80% of the way there
/* WooCommerce set min height in grid cells to allow space for text wrapping */
#top .inner_product_header {
min-height: 120px;
}So now all I need to do is to get the price/currency symbol to align at the bottom
But only in any grid/table view.
https://www.baysixty6.com/shop/
Thanks
Phil
Thanks Victoria, but that wasn’t working for me so I’ve used the following
/* WooCommerce set min height in grid cells to allow space for text wrapping */
#top .inner_product_header {
min-height: 120px;
}/* then align price to bottom of cell */
#top .price, div .stock {
color: #7E9A47;
position: absolute;
bottom: 0px;
}however
This affects all prices on all pages so pushes the price down on individual product pages etc.
Is there a way I can target only product grids/tables?
Thanks
Phil
Hi Victoria,
Details posted.
With thanks
Regards
Phil
Hi,
I’ve been trying to achieve something similar so that the product divs remain the same height even if the product titles warp across multiple line and so that the prices align.
I’m using the following:
/* woocommerce category font sizes */
.inner_product_header_cell h2 {
font-size: 20px !important;
line-height: 1.4em !important;
font-weight: normal !important;
}#top .inner_product_header {
min-height: 120px;
}#top .price span {
font-size: 22px !important;
line-height: 1.4em !important;
font-weight: bold !important;
position: absolute !important;
bottom: 0px !important;
}So far so good, but the <span class=”woocommerce-Price-currencySymbol”>£</span> isn’t behaving
https://screencast.com/t/YkoVMyFVP
Any suggestions would be greatly appreciated.
Thanks
Phil
Thanks Rikard,
That’s fixed it.
Regards
Phil
Hi Vinay,
I’ve disabled the css minification completely and still get the same issue
https://screencast.com/t/qYVBjrsoL4XU
Regards
PhilThanks Rikard,
I’m using WP Rocket, I’ll try to exclude it from minification. Do you know which sheet it is? I’m having trouble telling which one.
Thanks
Phil
Hi,
I have a similar issue. I’m having to update manually via FTP. Any idea when the auto update via Theme Updates will be available?
Thanks
Phil
Hey Ismael,
That did the trick :-)
Thanks as always.
Regards
Phil
Hi Ismael,
That strange resizing behaviour is still happening.
I just can’t figure out what’s going on with it.
Thanks
Phil
Hi Victoria,
I managed to sort it out by setting vertical-align: middle;
/*Add ‘Course Menu’ text to sub menu*/
#top .course-menu .av-current-placeholder{
font-size: 0 !important;
}
#top .course-menu .av-current-placeholder:after {
content: “Course Menu”;
font-size: 14px;
vertical-align: middle;
}Is there anyway I can target page IDs?
With thanks
Regards
Phil
December 13, 2017 at 12:19 pm in reply to: Changing Mobile Toggle Text On Full Width Submenu #888282Quick update, by cutting back the code to just use
#top .av-current-placeholder{ font-size: 0 !important; } #top .av-current-placeholder:after { content: "Course Menu"; font-size: 14px; }
It works nicely.
Still trying to figure out the alignment though
https://screencast.com/t/lbBH92Olvg
Thanks
Phil
December 13, 2017 at 12:14 pm in reply to: Changing Mobile Toggle Text On Full Width Submenu #888280Hi,
I have a similar problem.
After adding the updated CSS/*Add 'Course Menu' text to sub menu*/ #top .av-current-placeholder{ font-size: 0 !important; } #top .av-current-placeholder:after { content: "Course Menu"; font-size: 14px; } .responsive #top .av-menu-mobile-active .av-subnav-menu > li > a { padding: 6px 10%; font-size: 14px; }
my desktop version doesn’t display correctly
https://screencast.com/t/DnEcONJgoJ
and neither does the mobile sub menu
https://screencast.com/t/nu4oOGcyKm
https://screencast.com/t/drASuwrmHHere are the “before” states
https://screencast.com/t/X7n1rgY2
https://screencast.com/t/L4TpxziMBzWI’ve tried tweaking the padding but can’t get it right. Any suggestions would be greatly appreciated.
Thanks
Phil
Hi Ismael,
The trouble is, if I re-enable WP Rocket, the issue returns, so should I consider excluding CSS from caching so I can use the other WP Rocket features?
Thanks
Phil
-
AuthorPosts