Hi,
please stick to one question only and feel free to open a new ticket for another question.
1.) I did some testings on your website and grid row does not load on mobile and desktop neither. I tried to save your page as a template and load in inside a new page, but it template function from ALB does not work on your end. So I think this whole issue is caused by a conflict with a plugin. Please deactivate all of your plugins, to check which one is causing this issue.
Best regards,
Andy
Hey!
I have added this in Quick CSS:
@media only screen and (max-width:767px) {
.responsive .logo img {
top: 0;
max-width: 40%;
}
}
It should look better now.
Regards,
Nikko
Hi,
1.) Try this code inside Quick CSS field:
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
background-color: #deffff;
}
Please open a new ticket for a new question!
2.) Try this:
.single-product-main-image {
float: right;
}
Best regards,
Andy
Hi,
You could add two text block elements, one in where you would like to display on mobile and other on desktop and by referring to the post i posted earlier, you can hide the one you would like to display on mobile when site displayed on desktop and vice versa :)
Best regards,
Yigit
Hi Basilis,
Thanks for the reply. We appreciate all the help we get from this forum.
But sorry for asking, how can this require more customization, than the help we already got from Team Enfold on terms of customizing the menu-button highlight, when custom menu in sidebar-widget was active?
Here we got all the help needed from @andy @ismael @rikard in terms of codes for CSS and functions.php etc. Please see here: https://kriesi.at/support/topic/menu-button-highlight-when-custom-menu-active-in-widget/
So how is this any different?
Br
ChangeGroup
Hi,
you’re using this code:
.responsive #top .slideshow_caption h2 {
font-size: 20px !important;
}
Remove it, or adjust it as needed to e.g.:
@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
font-size: 40px !important;
}}
Best regards,
Andy
Hi,
I see. Unfortunately this option is not available when using menu inside sidebar. However, try this solution: https://kriesi.at/support/topic/search-button-on-mobile/#post-465139
Best regards,
Andy
Yigit,
I was able to customize the colors of the fonts, backgrounds, and borders for all of the contact form elements, but for some reason the drop down items in the Select element have a highlight and border color of #1e90ff for no reason on Chrome and #000000 on Firefox & Edge.
Website Address
http://6d6.7fe.myftpupload.com/contact/
Screen Shot
http://6d6.7fe.myftpupload.com/wp-content/uploads/2016/12/dropdowns.jpg
Current CSS Code
#top div .av-dark-form input[type='text'] {
border-color: #C59C5F;
border-width: 1px !important;
background-color: #ffffff !important;
}
#top div .av-dark-form textarea {
border-color: #C59C5F;
border-width: 1px !important;
background-color: #ffffff !important;
}
#top div .av-dark-form select {
border-color: #C59C5F;
border-width: 1px !important;
background-color: #ffffff !important;
}
#top div .av-dark-form select option {
border-color: #C59C5F !important;
border-width: 1px !important;
background-color: #ffffff !important;
}
#top .av-custom-form-color .button {
border-color: #C59C5F;
}
Thanks
Jon
Hi,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Glad we could help, please let us know if you should need any further help on the topic.
Best regards,
Rikard
I am noticing that when I click the TOP LEVEL menu item, INFORMATION, it jumps to the sub-menu, and it doesn’t start at the 1st sub-menu item.
It’s even worse on iPhone 5s. The user missed 1/2 the menu.
Any thoughts? Thank you.
Hi Amy,
Ok great, glad you got it working. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Does Enfold have it’s own store side/side wide banner that will displays at the top of all pages?
I’m using WooCommerce and have enabled their Store Wide Notice but testing this shows that it covers some of the Enfold logo, menus etc – see the URL below.
I’m happy to use an Enfold one if there is such a setting – haven’t been able to find it in the theme options so far. Of if there is a way to fix the WooCommerce banner so it doesn’t overlap?
Hey wpler!
Thank you for using Enfold.
You can add more space between the address and the name fields with the following css code.
#field_2_10 {
padding-top: 30px;
}
#field_2_12 {
padding-top: 30px;
}
Cheers!
Ismael
Hi luis!
Thank you for using Enfold.
Are you referring to the “This is FS Parker.” section? You can set the caption or title to display on load.
@media only screen and (max-width: 1024px) {
.avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
P.S: Site looks awesome. Good job! :)
Regards,
Ismael
Hi!
Please add this css code to remove the border below the top bar.
#top .av_header_transparency #header_meta {
border-bottom: 0;
}
Best regards,
Ismael
Hey!
That is the default behaviour of the parent menu when you hide the sub menu items. You can find a solution or workaround in the previous thread.
// https://kriesi.at/support/topic/mobile-menu-links/#post-637296
The script will create a “go to page” link beside the parent menu item. Another workaround is to create a duplicate of the parent page.
Regards,
Ismael
Hi,
I followed your post: https://kriesi.at/support/topic/using-alb-with-custom-post-type-and-meta-information/
to add the post meta to ALB. I’ve done it before and it worked perfectly.
I just did it again on the dev site listed below and it is not working. I copied what I did on my last website (where it works)… the only thing I can see that is different is that this new site has been updated to Enfold 3.8.4. Could that be the reason?
Thanks so much & kindest Regards,
Corina
THANK YOU!!
A lot.
1,. I tried to make the phrase center on page via css (both in the functions.php & in my style sheet) but not working yet..
how can I center it in the page?
2. ALSO, not sure how to edit my quote in exactly correctly, since I don’t want the quote symbols ” ” in there..
this is what I have now, correct?:
add_action(‘avia_before_footer_columns’,’avia_footer_top_column’);
function avia_footer_top_column(){
$output = do_shortcode(“[av_heading heading='May All of Life Come to You With Ease & Joy & Glory<sup>®</sup>' tag='h3' style=' margin-right: auto;
margin-left: auto;
text-align: center;' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font='' custom_class=''][/av_heading]“);
echo $output;
}
3. I also had an odd light ‘bottom border’ line that went to the right side of screen.. so I hid it with css.. not sure if that was the best fix for that?
MANY THANKS!!!!
-
This reply was modified 9 years, 3 months ago by
thanhcng.
Hey!
Please add following code to Functions.php file in Appearance > Editor
add_action('avia_before_footer_columns','avia_footer_top_column');
function avia_footer_top_column(){
$output = do_shortcode("[av_heading heading='\"Be the change that you wish to see in the world.\"' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font='' custom_class=''][/av_heading]");
echo $output;
}
You will notice that i added a shortcode in there.
You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
If you are not comfortable editing the code, please post the shortcode you would like to use here using – pastebin.com
Cheers!
Yigit
I have almost got it to work see http://www.alpha1builders.co.nz/
This is the CSS added
.header-scrolled .logo img, .header-scrolled .logo, .header-scrolled .phone-info, .header-scrolled .header_bg
{
display: none !important;
height: 0px !important;
line-height: 0px !important;
max-height: 0px !important;
}
.header-scrolled .container_wrap
{
position: relative;
top: -60px;
}
.header-scrolled .av-main-nav-wrap
{
position: relative;
top: 0px;
}
The only problem now seems to be the lower white menu border?
Regards
Dave
Hi!
Have you tried the code i posted here? If that did not help, please let me know so i can ask my teammates who are using IE to check your site :)
Regards,
Yigit
I’m using Chrome. I was just able to reproduce it. I hit the link in Private Content and it worked fine. Then I scrolled up past the section, then scrolled down past the section. Then I put my cursor in the address bar and hit enter. It scrolled so the top of the section was at the top of the window but hidden by the header.
When I tried opening the link in Firefox, the section was scrolled to the top of the window and hidden by the header on the first load of the page. When I refreshed the page, it worked properly where the whole section was visible under the header.
Hi there, I updated my theme and now my front page menu has disappeared, or at least the top heading of the menu… if you scroll over the right side, my sub menu of that menu appears. I also have a green format box, showing up in the right hand corner, which I want gone. I’ve played around with different could be solutions to no avail. Please help.
Thank you all…. For some reason, it showed I was using the latest theme and I think that maybe the update was released after my posting here… regardless, that glitch is fixed, with a new one having developed as a result of the update…. my front page menu has disappeared. I have looked into & tried different things with my header, menu and page edits with no change to this problem. I will post a new topic or feel free to help here.
Thanks in advance.
I found the issue. There was this custom CSS preventing the mobile menu:
#header_main > .container {
display: none;
}
To have that top header show only on mobile I changed it to this:
@media screen and (min-width: 750px)
{
#header_main > .container {
display: none;
}}
Hi
Sure,
I’ve sent a screenshot of the demo on the ipad. Not knowing how to “screenshot” an ipad, I’ve just taken a photo – excuse the quality but it shows you the appearance!
https://www.dropbox.com/s/ed30m6joxo3h9le/File_000.jpeg?dl=0
The left 2/5 columns are “empty” and not showing the nice images that are on the wider screen.
This occurs all the way down the 1st page
Interestingly, the demo does nicely when you simply “shrink” the desktop version to ipad proportions to under.
Maybe we can get the demo site to work and , if it’s CSS, you can let me know?
Many Thanks!
Thanks
Richgard
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.home .more-link {
margin-top: 0;
}
.home .avia-content-slider .slide-entry-wrap {
margin-bottom: 5px;
}
Best regards,
Yigit