Hi,
Thank you for using Enfold.
Could you please provide a link to the site in question? Try this css code to adjust the font size of the h1 heading on mobile view.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#top h1 { font-size: 20px !important; }
}
Best regards,
Ismael
Hi,
Please try the modification that was suggested by another Enfold user in the following link.
// https://kriesi.at/support/topic/burger-menu-mobile-menu-unconsistancy/#post-723500
Best regards,
Ismael
Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
When either or ends up at the end of the line. The problem with returns, again, is that it can screw things up when presented on other devices or if the user does not have the same typeface as specified available in their system.
I’m not sure how typefaces would affect line breaks and character spaces. Could you please provide a screenshot where you see this issue? As you can see in the test page, we created spaces and line breaks without using special characters and html markup.
When text reflows (particularly true when formatting text that will reflow on mobile devises), you can end up with something looking really badly if you use returns rather than the appropriate character/solution. and
are typographic necessities.
Unfortunately, that’s not the case with the default WordPress editor. Those characters and markups are automatically remove from the content because they are considered unnecessary. However, you can disable the wpautop feature which filter the content.
// https://codex.wordpress.org/Function_Reference/wpautop
// https://wordpress.org/plugins/toggle-wpautop/
Best regards,
Ismael
Hey force-media,
It looks like you have used a full width element on the top of your page, so that is the expected behaviour. Please try 1/1, 1/2 or 1/3 elements instead.
Best regards,
Rikard
Hey Bernd,
If you want to control the space between the checkbox and the text then you can try to alter this value, which is the default one:
#top .avia_ajax_form input[type="checkbox"] {
margin-right: 8px;
}
Best regards,
Rikard
Hey KentAjans,
Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
You can create a new topic here: https://kriesi.at/support/forum/enfold/
I can’t find the “green color issue”. Please create a new thread then provide a screenshot of the issue. We’ll close this one for now.
Best regards,
Ismael
hey @erdebene ,
i had the same or a similar problem and @ismael provided a solution!
If you’re using the sticky header you could apply this to your site as well:
If your using a child theme you can enqueue avia.js with this
function wp_change_aviajs() {
wp_dequeue_script( 'avia-default' );
wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );
cheers!
Hi,
I have a consistent problem with Enfold’s mobile site.
The landscape images within color sections are resized and cropped automatically.
I don’t want this to happen.
I tried the following for example:
I apply the Section ID home-slider-image to the color section.
Then I added this CSS and experimented with the numbers.
@media only screen and (max-width: 767px) {
#home-slider-image .av-parallax-inner.main_color.avia-full-stretch {
position: relative;
top: -200px;
background-size: contain !important;
}} /*home slider image + uncrop width*/
@media only screen and (max-width: 480px) {
#home-slider-image {
background-position: 50% 0%!important;
background-attachment: scroll!important;
}}
The above I am sure is incorrect.
It leaves a huge white space under the photo AND it does not keep the top of the image flush against the mobile header on all devices (e.g. iPhone 6 vs iPhone 7 Plus).
See screenshot.
What is the simplest formula for keeping the photos the same dimensions / full frame on the mobile site?
Is there one standard CSS which tells the mobile site “Don’t change any of my photos ever”?
I would like to know the CSS to change these images individually on the mobile site.
and
I’d like to know the CSS to change all of the images, mobile site wide if possible.
Thank you,
Jas
-
This topic was modified 8 years, 9 months ago by
Basilis.
Update: I have solved 50% of the problem.
There is an element option to hide some of the blocks on mobile.
So I just want to hide:
The last four 1/1 element blocks on the page, from the desktop site only.
Thanks for trying to help. I did not like how the slider was behaving so I decided to revert back to the menu placement on top, rather than side menu. I would like the slider to behave the way it did originally. It still resizes oddly when the browser is maximized or stretched fully horizontally- the layered objects are off to the left. I removed the custom code from the functions.php file, but it is still not reverting. Please help… thank you.
Merhabalar Metin :)
Please edit your Tab Section element, edit your tabs and choose “top” in “Vertical align”
Cheers!
Yigit
Hello, I’ve assembled a page with the TAB SECTION. Very cool. But it does not work perfect on the Iphone 7 and Samsung tablet. The click on the icon stops working.
LINK
Hi,
I have a Vimeo video loaded as a background inside a Color Section. It has been working great for months and works great on both Firefox and Safari but it is now showing a black screen on Chrome. I have purged all cache and still no luck.
Also, there is another Vimeo video using a Color Section on another page which doesn’t have this same issue. The only difference is the one that doesn’t work has a Headline Rotator on top of the Video background while the one that does work only has a simple text box.
Here are the pages:
Doesn’t work on Chrome: https://bucketnote.com
Does work on Chrome: https://bucketnote.com/capsules/
Any ideas?
Thanks!
Slade
Hi Basillis,
Please see my details above, could you login and try accessing this page. You will be able to see straight away what i mean why you click Appearance>Customise>Portfolio and then choose ‘Bridal’ you’ll see it flicks from the Ajax to another link.
I need to get this page fixed by the end of the week at the latest. Is there anything you can do so we can stop going back and forth?
Many thanks!
Hi,
Thanks for the reply. I used a plugin to add social icons and it’s all good now.
However, I was wondering to add Instagram and Snapchat to the top bar (to-right) menu along with Facebook and Twitter.
Please let me know how to go about adding it.
Thanks.
Hey,
Sorry for the late reply!
We have replied to your thread here – https://kriesi.at/support/topic/tag-pages-in-enfold-not-working/
I see that it is already in @ismael’s personal queue. I added to mine as well.
Let us continue on your existing thread
Best regards,
Yigit
Hi, I’m creating a Shop page for my t shirt company website that links to a online shopping cart company that I partnered with. How I’m currently displaying the products is I used a half page layout element and put a text block header on top, with a gallery media element below it that displays pictures of the shirts, a text block description underneath that, with a Buy Now button at the bottom that links to the online shopping cart.
My problem is the thumbnail images for my gallery are showing up very blurry. Is this just how it usually is or is there some way I can fix it? Can I make my own 80×80 pixel thumbnails in Photoshop and somehow use them instead?
Hey Jordon, I appreciate you helping out. I replaced the code and now the text on the blog isn’t showing up. I’m using an iPhone 7 Safari. I’ve even condensed my desktop browser and both on my phone and desktop the text goes away. Is it acting that way for you too?
Hi!
I replied to your thread here – https://kriesi.at/support/topic/product-attributes-as-filter-in-enfold/. Shall we continue there as these threads seem to be focusing on the same issue?
Best regards,
Yigit
Hi,
Sorry for the late reply!
I tried a few things however neither worked. If you could please elaborate on the changes you would like to make, we might be able to come up with an alternative solution. To me, it seems like, only change on Shop overview page is Grid Row element on top of the page. Are there any other changes you made?
Best regards,
Yigit
Hey Folks,
i started some work at my website. I changed some Text-Boxes on my landing-page. Now they haven’t the background color that I would use. If you Check the two links you will get my issue.
Maybe this is the Code i used to define the Color – it has his home at my QuickCSS field.
#top .white_textbox{ background: #ffffff; padding: 10px; padding-right: 5px;
border: 0;
opacity:0.8;
filter:alpha(opacity=60); /* For IE8 and earlier */}
Hope you can get my problem and you will fix it
kind regards
Hi, @ismael!
I never got this to work and have been keeping an eye out for other posts having similar issues. I tried using the function code as found here (https://kriesi.at/support/topic/create-a-show-all-button-in-archive-products-page/#post-711791) in my functions file, but it does not place a “Show All” button to the WooCommerce Shop page (“avia_custom_shop_page”). This is the shop page (https://kingsdesigns.com/shop/). Any thoughts?
I want some help with Spacing between lines in my Text blocks (main page and portfolio).
ive tried with other replies u gave, and with “line-height: 15px;” But they wont change. How can i change them. The spacing now is too big.
Thnks!
(if i have to make a topic then yes, you can close it. Thank you)
Hey Vadivel,
Please edit your color section element and choose not to display top border :)
Best regards,
Yigit
Hi Jordan,
perfect, now it works. puuuh This homepage was really a challenge. Get your top support. Thank you very much specialy to you Jordan and the Kriesi team. Great theme !!!
Kind Regards
Jürgen
Yes, of course. The problem is that on desktop it is centered but only on mobile it isn’t.
Hi,
You can give the class whatever you need. If you want, you can copy the classes (only-desktop, only-mobile) from the css I have posted above.
Best regards,
Jordan Shannon