Hi hdmarkdesign,
Please describe the steps you were taking from the very beginning. This is clean installation, imported demo, no sliders?
https://codecanyon.net/item/layerslider-responsive-wordpress-slider-plugin/1362246),/comments?page=337
Best regards,
Victoria
Mhh, it’s also not aligned on “Desktop”, since it’s not aligned on my 15″ retina MPB, it’s also not aligned on my 4k display. Shouldn’t the table have this built in, meaning automatically adjusting cell height to macht the description cell on the left? Decreasing font-size isn’t an option, as it’s already small.
–UPDATE:
Fixed with inserting a to have an empty line.
Thanks for the nice update. Please assist me with the 2 issues.
1. The header size for the Mobile menu in iPad seems large. It appears fine in Mobiles. Anyway to reduce the size of the Header in iPad alone. It was fine prior to 4.1
2. The hamburger menu shows up along with regular menu in desktop in Vivaldi Browser in OSX (Safari is fine). Clicking on the hamburger menu, shows up a full page menu. Any idea how to fix this?
Website is http://dev.henleyherald.com/
Custom CSS code added to try to get the mobile menu working at 1150 px is
@media only screen and (max-width: 1150px) {
#top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; }
.av-burger-menu-main { display: block!important; }
}
Use Chrome DevTools to see the problems:
1. Search icon required when mobile menu displayed but adding #menu-item-search (display: block!important;} in the above media query has no effect.
2. How to move the burger icon out of the ‘normal’ menu area between 1150px and 990px (and into its header position below 990px between these widths), and also to remove the ‘normal’ menu blank space (I think this might be .av-main-nav).
[Or more simply, in Enfold > Main Menu, for Menu Items for Mobile, where it has options for Activate on browser widths below 768px or 990px, I want the mobile menu to activate “below 1150px”.]
NB. This is not the only site where I need this fix. I have other sites where the client has requested a switch to the mobile menu at a higher width than Enfold’s 990px default (which is too low IMHO), usually being a fix for iPads and/or, as here, a lot of main menu top level elements.
Ok- this is a bit frustrating.
I know my menu system looks confusing now -I had to change it because after I updated the theme last week the mega menu for CLASSES stopped working on mobile devices and my customers could not book classes.
I left it there so you – tech support- could actually see the problem and address it – it worked before the theme update and stopped after that so it’s definitely related to the theme update.
CLASSES mega menu – drops to FUSED GLASS CLASSES and METAL CLAY CLASSES – this works on desktop but (after theme update) does not work with mobile (worked on both before theme update).
I just put the menu option FUSED CLASS CLASSES on main menu because my customers could not access the classes with the broken mega menu. I don’t like it and will remove it once mega menus are working.
We will be adding to this system so was planning on using mega menus – if they will not be working on mobile devices please let me know.
It’s been 3 days since update- and I asked tech support to look at it – I gave login infor – I was hoping for an idea of why it does not work.
Thank you for your support
WordPress : 4.8
Woocommerce : 3.1.1
Enflod : 4.1.1
Hello,
I use Ajax Search for WooCommerce for a form of search. It would seem according to the developer of the plugin that your theme blocks the smooth running of the plugin. Problem at the level of ajax. I read quite a lot of articles on your forum, but no solution works. Have you a solution to deactivate ajax function of search.
Thank you
Christophe.
Hi,
Thanks for helping out as always @guenni007 :-)
Let us know if you should need any further help on the topic @pablo
Best regards,
Rikard
Yes, on all screen sizes. Furthermore, I can’t see any option to disable it on any screen size, be it mobile, tablet or desktop.
Hi CWM,
Here is the code for the events page, you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .tribe-events-list-event-title {
text-align:start;
padding-bottom: 10px;
margin-bottom: 0px;
}
.tribe-events-loop .tribe-events-event-meta {
font-size: 14px;
vertical-align: top;
}
#top .av-tribe-events-outer-content-wrap {
display: block;
padding-top: 10px;
}
.av-tribe-events-content-wrap {
min-height: 310px;
height: 100%;
float: left;
width: 100%;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey susizimm,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.main_menu .page_item, .avia_mega.menu.av-main-nav>li:first-child {
display:none;
}
.responsive #top .av-main-nav .menu-item-avia-special a {
line-height: 80px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
You can close this topic, thank you and your team for help!!
Hi Camilla88,
You have an extra } here
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }} Nevermind that :)
And the burger appears when the window size is 990 and below
http://imgur.com/a/MFijP
What is the size of your tablet? You can set the burger menu to be on the desktop as well, that might work for you better.
Best regards,
Victoria
-
This reply was modified 8 years, 9 months ago by
Victoria.
Hi again,
It´s very frustrating as no solution works on my site…
https://kriesi.at/support/topic/how-to-remove-a-link-to-the-original-image-from-a-featured-image
#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none !important;
cursor: default !important;
}
Anyone knows how to effectively remove the link on the big featured images of single posts?
Thank you.
The ‘My Account’ is one that I’ve had to add manually through functions.php so it’s not being included in the menu list. But with the previous Enfold version this was not a problem. Any suggestions? This is the code I am using in functions:
// Filter wp_nav_menu() to add profile link
add_filter( 'wp_nav_menu_items', 'my_nav_menu_profile_link', 10, 2);
function my_nav_menu_profile_link($menu,$args) {
if( $args->menu_id == 'avia-menu' ){
if (!is_user_logged_in()) {
return $menu;
}
else {
$profilelink = '<li><a href="' . bp_loggedin_user_domain( '/' ) . '">' . __('My Profile') . '</a></li>';
}
$menu = $menu . $profilelink;
}
return $menu;
}
However, the issue seems to be on the extends beyond this because even when a desktop browser is half minimized, even without the burger/mobile menu being triggered, other menu links overlapp the logo. So if you go my website and decrease your browser size you will see the problem occur.
and if you like to have it bigger try to define it via screenwidth (in this case too a 4/3 ratio) :
.mfp-iframe-scaler {
height: 0;
left: 50%;
overflow: hidden;
padding-top: 45vw !important;
position: relative;
transform: translate(-50%) !important;
width: 60vw !important;
}
This is done by the scaler via padding-top:
.mfp-iframe-scaler {
height: 0;
overflow: hidden;
padding-top: 56.25%;
width: 100%;
}
you see that 100/56,25 equals to 16/9 !
so if you like to change it to 4/3 means padding-top: 75%
Hi Mark,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
This reply has been marked as private.
Hi,
Great, glad you got it working and thanks for letting us know. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
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,
Great, 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,
I can’t see the mobile menu on desktop sizes on my end, did you try clearing your browser cache and reload the page?
Best regards,
Rikard
Hi,
1.) For desktop, please remove the following css modifications.
#socket .social_bookmarks {
float: left;
margin: 0 25%;
}
2.) For mobile, use this.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#top #footer .widget_nav_menu li {
display: block;
}
#top #socket .container {
text-align: center;
}
#top #socket .social_bookmarks, #socket .copyright {
float: none;
display: block;
margin: 0 auto;
}
#top #socket .social_bookmarks {
text-align: center;
}
#top #socket .social_bookmarks li {
float: none;
display: inline-block;
}
}
Best regards,
Ismael
Hi,
1.) Remove the border with the following css code.
.av-share-box ul li {
border: 0;
}
2.) Use this one to increase the space between the icons.
.av-share-box .av-share-box-list .av-share-link a {
padding: 0 10px;
}
3.) And the following css code to adjust the vertical alignment of the social icon container.
#top .av-share-box ul {
margin-left: 0;
}
Best regards,
Ismael
Hi,
Please note the cells or columns will not automatically re-arrange on mobile view. The alternating cells on desktop is not going to work on mobile view because they are going to stack on top of each other. You have to create another set of content or cells, a duplicate of the previous one, with different order.
Best regards,
Ismael
Hey onastvar,
Thank you for using Enfold.
1.) It’s possible to swipe on the sliders which is why the arrows are disabled by default. If you want to enable it back, use the following css code.
@media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
display: block;
}
}
2-3.) I’m sorry but it’s not possible to distinguished portrait and landscape images in the slider. You will have to manually control or resize the dimension of the images.
Best regards,
Ismael
I’m trying to display the name of a given portfolio category on the portfolio category archive page and have tried multiple ways to get there. According to this post: https://kriesi.at/support/topic/show-portfolio-category-on-portfolio-pages/#post-540059
category names do not automatically display on archive pages and they show a solution. That solution does not work for me. Its not even the right page template.
The page template that my portfolio category page is using is: taxonomy-portfolio_entries.php
The portfolio description shows correctly.
How can I get the portfolio category name to display on the portfolio category archive page? (taxonomy-portfolio_entries.php)