I have a mobile redirect (This plugin works great for redirecting a single page to a link of your choosing, in my case a page within the website that will be designed with a mobile device in mind: ‘Equivalent Mobile Redirect’) for a page so I can design that additional page with mobile users in mind.
I want the page that is being designed for the mobile user to display background images (background images in the color section element) better. I have provided a link to show how it looks on the mobile device, it is zoomed in and looks bad on the mobile device.
How can I make the images look good on the mobile device if I am specifically designing that page for the mobile device and am not worried about how it looks on the desktop?
I tried putting a smaller image in the background but it still zooms in and looks bad on that page when viewing on a mobile device. I have tried different ways but am at a loss.
I don’t know which direction to approach this problem from now, am I able to put a code in the ‘For Developers: Section ID’ that will work for that element to keep the with to a sufficient maximum or is there another way to accomplish what I am trying to do?
I am trying to make a background image (color section element) look good on a mobile device, that is my goal with the page.
Your help is greatly appreciated here, I am stuck.
Thank you.
Unfortunately I had fixed the initial problem (my “Resume” and “Contact” pages issue) but now that problem seems to be back!!!!! Ie, they are blank again!! Where does the information I have on there keep going? Don’t worry about that.. I think I’ll try to fix that problem myself tonight or tomorrow.
However, what I mean by the “scrolling” problem is, let’s say on my HOME page I just want the screen to be static, fixed. Ie, I don’t want there to be any movement if I scroll the mouse up or down. But as you can see, the picture goes slightly out when I do.
For example, if I scroll too far down, I hide the “© 2015 – FarOutWorld.com – All Rights Reserved” which I don’t want to do. When I scroll up, then I lose the top part of the picture (it gets ‘underlapped’ by the header).
I’d like the screen to be from the top to bottom: the header, the picture/s and the © 2015 – FarOutWorld.com – All Rights Reserved in one screen, without movement.
For pages like “Bio”, “Gallery” obviously I do want to be able to scroll up and down as the pages are designed in such a way that there is information below… but for “Showreel”, “Resume”,”Contact” and especially “Home” I don’t want the user to be able to scroll up or down as you should be able to see what’s on screen in it’s full entirety without scrolling.
I tried changing with “Enfold” “Header Behaviour” etc and even size of the pixels but wasn’t really achieving any results.
Hope you can help and I hope that makes a little more sense.
Thanks in advance.
Hi, that just removes the top bar header all together. I want the top bar visible but not to be sticky and that part is currently working using .header-scrolled #header_meta { display: none; }.
The problem is when you slowly scroll down to the point where the top bar header disappears it creates an empty white rectangle the same size as the top bar header below the main header which remains until you fully scroll down.
Hey fairusd!
Yes, each one of the accordions does actually have a different number
Example:
aviaccordion-slide-4 is the 4th, so you can active the colors with:
.aviaccordion-slide-4 #top .aviaccordion-preview-title-wrap {
background: rgba(255, 0, 0, 0.5) none repeat scroll 0% 0%;
}
let me know if that works for you
Best regards,
Basilis
Hi,
I discovered, that when I click on a tag (below a post or at the tag widget in the sidebar), then it leads to a “nothing found” page, although these tags exist.
I searched the forum and found this very old topic, and obviously this behaviour is still the same with ENFOLD 3.4.7, when using Relevanssi plugin.
I don’t understand right the background/the meaning of this topic here, should I re-name my tag.php, but I still want to use it, need it?!?
Is there a fix, so that I can use the tag archive page right – together with Relevanssi plugin?
Why does (with Relevanssi active) a click on a tag is leading to a “nothing found” page:
https://kriesi.at/support/topic/post-tags-not-working-if-relevanssi-is-enabled/
The tag “blogging” is definitely used at my website!
Thanks for any help.
Hey samadhi_!
1. Remove the top bar above the header
Add this on your custom.css or Quick CSS
#header_meta {
display: none;
}
and let me know if it works better.
Regards,
Basilis
-
This reply was modified 10 years, 2 months ago by
Basilis.
Hi,
I searched the forum here for removing the
[...]
at the “elegant blog” blog page excerpts:
http://screencloud.net/v/j3xP
I would like to
- remove […]
- instead adding the text:
weiterlesen »
- but it should link to the post
I found this suggestion in the forum, but it only removes the […].
Could you please help me?
Thank you.
social icons not visible on iphone vertical view – also not in footer visible
pls see pics.
pic1 landscape (2194) you can see half of the icons on the top – >
version1: they should be centered
version2: they should be left
…but both visible fully.
pic2 vertical view you can not see any social icons neither top bar nor footer (pic3)
pleas all centered…. all links centered , and all copyright centered.. everything centered.
on desktop view: they are fine but my logo is sliding a little below the header menu, needs more space to the top border?
thank you guru´s
Andreas :-)
I have the same problem. There is an issue related to the usage avia designer. Use standard editor and the content is shown. This is in my opinion a work around and not a fix and of course really annoying.
This is still an open issues since almost a year! https://kriesi.at/support/topic/blog-page-not-showing-full-content-of-recent-posts/
Guys, when do you plan to fix this?! Quick answers highly appreciated.
Hello everyone
I am sure this is an easy one for you lot but I am a novice when it comes to computer problems
our club website which I update http://www.staffordrc.org has a number of nested menus across the top of the screen and side menus once you get into any of the areas of sub menus in the nested tables.
Fine on a PC but on a mobile device no good at all.
When you touch the nested menus it opens them but closes before you have time to select the sub menu, plus the right side bar menu appears but is too small to use easily so would like this in a tab like I have seen on other sites show’s as three lines at the top of the screen
could someone please tell me how I can modify my settings please to resolve this problem.
and if the answer includes css info could you please tell me specifically where to place this, thanks
thanks in advance for your help, Alastair
I have seen a few questions kind of beat around the bush asking about getting videos to autoplay in the lightbox once clicked, but haven’t found a solution.
As an example, I have a cover photo image that links to a YouTube video at the top of this page http://www.bigboytravel.com/europe/germany/munich/freewalkingtour/ and would like to get it to autoplay once the lightbox pops up.
Alternatively I can have it like this http://www.bigboytravel.com/asia/thailand/bangkok/chinese-new-year/, but I was trying to avoid having to have the page painfully load youtube every time instead of only when the visitor wants to watch the video.
Hopefully with the examples my questions will make sense.
Thanks a ton,
Jon
Hey!
I don’t know why you need an extra class because if you’re not scrolling yet, you can just use the actual selectors of the elements that you want to modify and on scroll, append the ‘header-scrolled” selector. Anyway, try this in the functions.php file:
// scrolled or not
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
$(window).scroll(function() {
if($(window).scrollTop() > 0) {
$('html').addClass('html-scrolled');
$('html').removeClass('html-not-scrolled');
} else {
$('html').addClass('html-not-scrolled');
$('html').removeClass('html-scrolled');
}
});
})(jQuery);
</script>
<?php
}
Use “html-scrolled” if scrolled else use the “html-not-scrolled”.Note that you can also use the “header-scrolled-full” selector when scroll position value is greater than the header container height.
Best regards,
Ismael
Hey!
We encountered the same issue on another site which is also hosted by GoDaddy so it seems like the issue lies somewhere in the server configuration. Unfortunately, we cant figure it out until now. Do you have any other sites with different hosting? This is the thread in case: https://kriesi.at/support/topic/enfold-not-working-on-iphones-2/
Regards,
Ismael
Hey!
If you want the width to be 100% on mobile, use this:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
}
}
The default width (85%) looks better though.
Cheers!
Ismael
Hello Kriesi Team,
I have a problem with text alignment between two layout elements. Is there a way to make the text start from the same line at top. I checked but couldn’t find a solution.
Thank you in advance
Hi!
Thank you for using Enfold.
How do you want the mobile view to look like? Please provide a screenshot. You can adjust the position of the social media icon with this:
@media only screen and (max-width: 767px) {
#top .av-section-bottom-logo .social_bookmarks, .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
position: fixed;
top: 25px;
z-index: 999;
right: 30%;
}
.av-section-bottom-logo.header_color {
padding-top: 30px;
}
}
Adjust the top and right value. The top padding will create more space for the social icons.
Regards,
Ismael
Hey koraytastan!
Thank you for using Enfold.
1.) Are you referring to the social share links or the social media icons in the top bar? If it is the latter, you can modify the includes > helper-social-media.php file. Look for this code around line 83 which contains the social media icon markup including the title attribute:
$html .= "<a {$blank} href='".$icon['social_icon_link']."' ".av_icon_string($icon['social_icon'])." title='".ucfirst($icon['social_icon'])."'><span class='avia_hidden_link_text'>".ucfirst($icon['social_icon'])."</span></a>";
If it is the social share section in the posts, use the “avia_social_share_link_arguments” filter. Example here: https://kriesi.at/support/topic/share-button-twitter-handle-not-showing-when-people-are-sharing/#post-578267
2.) Use the “avia_social_share_link_arguments” in order to change the share section pattern. https://kriesi.at/support/topic/share-button-twitter-handle-not-showing-when-people-are-sharing/#post-578267
Regards,
Ismael
Hi!
You can hide the layer slider on mobile and then add another full screen slider. Use css media queries to toggle the display of the elements. Example here: https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
Best regards,
Ismael
Hi there,
I am creating a sub page under a heading ‘Resources’ – when I create it with Advanced Layout Editor, which is how I create all my other static pages, this is what it does:
And when I create it without it doesn’t do what I need it to do with sliders etc – like this one:
Also, how do I get rid of the little menu that shows at the top right of the sidebar?
I was told updating my theme would fix this, but I’ve just done that and it still doesn’t work with the Advanced Layout Editor.
Thanks,
Kali
The enfold team added a great fix for the main mobile menu on iOS, ensuring the correct triangle bullet.
https://kriesi.at/support/topic/avia-bullet-in-mobile-menu-changes-to-undesirable-icon-on-ios-9-0-2/
Here is the original fix,
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
content: “\25BA”;
}
However, the same problem happens on the mobile menu version of the Fullwidth Sub Menu. What is the fix for this?
When a user leverages the Fullwidth Sub Menu and selects, ‘Display a button to open menu (works best for menus with a lot of menu items)’ and also check the box, ‘Hide Mobile Menu Submenu Items: By default all menu items of the mobile menu are visible. If you activate this option they will be hidden and a user needs to click on the parent menu item to display the submenus’ the triangle goes away on mobile and displays a strange version of it.
I’m sure the fix is the same, but I need to know the classes to apply it to and the secret order?
Thanks,
Hi Basilis,
Almost. I have played around with the CSS to achieve almost what I would like. I just need the T&C´s to be positioned a little to the left so it is align with the Place Order button. I have attached a screen shot and the code is attached.
#payment .terms {
text-align: left !important;
margin-top: 30px;
font-weight: bold;
}
#payment .terms label{
font-size: 14px !important;
}
You can close this topic, guys. I know what I have to do. Thanks.
Nothing special really. This is what I understand from testing theme and talking to you guys here.
1. Color section is what makes Parallex view with background and etc.
2. However, color section is NOT mobile friendly. You can put general text on it which will be fine on mobile… but
3. If you put 3~4 buttons on color section, it will NOT be stacked way responsible theme normally does instead, it’ll just squeeze side by side, making it not readable.
Is this correct understanding of the theme?
A. If so, are you guys planning to or Possible to make it so color section’s buttons have as much responsive as non-color sections?
B. Or do you recommend not using color section if we care about mobile responsive view?
http://carm.completemedicalservices.com/ <-here’s simple example of that, top of the page has 3 simple icon box that won’t stack on mobile view. If I get rid of color section, it will stack. (But obviously without any fancy effect ONLY color section can provide.
Thank you, Elliott, that’s very kind of you, but I don’t think, that it will be only done with CSS.
Please take a look at the screenshot:
http://screencloud.net/v/8Hzs
Red arrow:
the meta info should be on the top, but only the category and the date;
Orange arrow:
the author should be below the title
Green arrow:
the title can be changed easily changed by CSS
But the problem would be the order of meta-info -> title -> author
I think, I need to make changes in a theme file for that order – in the single.php I haven’t found anything concerning the “elegant blog” layout.
What do you think?
Hi MEXX!
That is a double post of https://kriesi.at/support/topic/tab-auf-der-single-product-page/
so I am locking it.
Cheers!
Basilis
Hi MEXX!
I have assigned to that topic ( and the rest, I am just not writting to them ), our German Speaking Supporter, who will assist you as fast as possible.
Regards,
Basilis
Hey,
ich habe eine Vereinsseite für ein Catering erstellt. Hier muss man wöchentlich den neuen Speiseplan als jpg zum ansehen bereitstellen. Da das mein Vater erledigen muss, sollte es so einfach wie möglich sein.
Ich habe eine Textbox erstellt und einfach diesen Code verwendet:
[av_image src='/speiseplan/kinder/plan.jpg' attachment='' attachment_size='large' align='center' animation='bottom-to-top' link='/speiseplan/kinder/plan.jpg' target='' styling='' caption='' font_size='' appearance=''][/av_image]
Meinem Vater hab ich jetzt erklärt, wie man den aktuellen Speiseplan via FTP hochläd und die Datei auf dem Server überschreibt.
Leider wird der neu hochgeladene Plan aber nicht erkannt und der alte wird weiterhin angezeigt. Liegt das daran, dass der Alte noch im Cache gespeichert ist? Gibt es die Möglichkeit, dass der aktuelle Plan angezeigt wird ohne dass der Besucher jede Woche seinen Cache leeren muss?
Vielen Dank für die Hilfe!
-
This topic was modified 10 years, 2 months ago by
maxndi.
Hi,
thank you for trying. :)
I attach screenshots of the result of this fix.
Basically, the layout collapsed into a little chaos at various positions.
As you can see, at some points elements lost their fixed positions and started to float around out of rows and columns. At the blog page, the middle and right photos merged togeether.
As soon as I removed the fix, everything looked orderly again, apart from being not rtl as it should.
Please look at this again.
Could you note a bug for the metafizzy isotope script so that it goes rtl? The enfold theme is advertised as RTL, so the elements should respect the correct order.
Thank you :) Matthias
-
This reply was modified 10 years, 2 months ago by
mattbo.