Hi Enfold support
OUTSTANDING ISSUE on http://www.nthcreative.co.uk
We are really close to having a quality site, but this issue of cropped imagery in the second window after you first click on
portfolio is still causing problems – is there anyway to solve it? both sets of the code that you gave us did
not solve the cropping issue.
1
Can we stop the secondary image field (that opens after clicking from the portfolio grid) cropping the image.
I Initially exported all the imagery at 988 /642 which i had hoped had matched the landscape imagery on the enfold
demo – we (saved image) as from your portfolio section and these were the pixel dimensions. If you get a moment
could you open the site http://www.nthcreative.co.uk & open a full width image from the portfolio – the image
will open and will be cropped on both sides how can we avoid this? (is it possible?)
2
The text on the right hand side of the secondary window is also too big
I tried the code above in #239676 & #245059 but it didn’t seem to make a change,
If we can reduce the title header text font size but keep it in sans serif & then have the rest
of the description text in a small font size in georgia it will look much smarter
in response to both #244338 / #245059
we tried putting this in both child theme & original theme & neither responded as we wished ( modification still stands in child theme)
is it possible for you to look at our site and can we send you our login details in a private post so you can solve this issue for us.
I appreciate all your help to date
Thanks
Tim (Director, Nth Creative)
This reply has been marked as private.
Hi!
If what you would like to achieve is having 7 columns in mega menu, please see Peter’s answer here – https://kriesi.at/support/topic/create-7-columns-megamenu-enfold/#post-166500
Best regards,
Yigit
I think that I have the same problem !
topic #247156
I have selected several portfolio categories and subcategories and Sortable is checked to yes.
But no submenu appear on my portfolio !?
I follow this topic :)
Barthos
Hi roberthilley!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .header_color .main_menu .menu ul li>a:hover {
color: red;
}
Best regards,
Yigit
Hey!
Can you try adding !important rule to the code as following
.avia_mobile #top .av-parallax-section{z-index: 0 !important;}
and flush browser cache after applying the code? Please also deactivate if you have any minifying plugin activated
Cheers!
Yigit
Hi chrisholemar!
Thank you for using the support forum!
You can use the Logo left, menu below header option then add this on Quick CSS or custom.css:
#header_main_alternate {
border: none;
margin-bottom: 20px;
}
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
border: none;
}
#header_main_alternate > div {
border-bottom: 1px solid gray;
padding: 20px 0;
}
.av-main-nav > li {
line-height: 30px;
background: blue;
margin-right: 20px;
border-radius: 3px;
}
.header_color .main_menu ul:first-child > li > a {
color: #ffffff;
}
This needs polishing but it’s a start. I hope that helps.
Cheers!
Ismael
Nah, that didn’t do it, either. http://fairfieldcounty.info/blog-2/angel-street-blog/
Here’s all the code, as suggested:
.team-img-container img { float: left; }
body .column-top-margin { margin-top: 10px; }
.content, .sidebar { padding-top: 10px; }
.template-page .big-preview a {
pointer-events: none;
}
.single-post .template-blog .blog-meta { display: none; }
.single-post .single-small.with-slider .small-preview { height: auto; }
.main_color .small-preview { background: transparent; }
.page-id-1336 .avia-content-slider .slide-image { min-height: 75px; }
Thanks for your help on this. I really appreciate the extra lift you’re giving this issue.
Hi !
I’m having an issue with the title container which is responsive to a certain point, but not completely, when I reduce my browser window until it looks like iPad mini and iPhone portrait format -> Text on the right doesn’t go “under” text on the left so they get one into another…
Could you help me resolve this please ?
See the pre-production link : http://eq59799.amanda6.nfrance.com/
And just in case, for info, find below CSS I put regarding the title container to adjust as I wanted… in case it’s important for you to have this code…
Thanks a lot !!
Marie
/* Reducing title container’s height and vertically align the breadcrumb */
.title_container .breadcrumb {
margin-top: 0;
}
#top .title_container .container {
padding: 0px 0px 6px 0px;
min-height: 60px;
}
.title_container .main-title {
top: 18px;
}
Hello Ismael
Visibility do not works on layer slider:
#layerslider_10 {visibility: hidden !mportant;}
do nothing, the slider remain visible.
I know wp_is_mobile but:
– this function is not perfect
– Anyway, It’s php, so I’m curious to know how to use it with layer slider ?!
thanks
Hey!
The wordpress codex added a new function checking if you’re on a mobile device. Please refer to this link: https://codex.wordpress.org/Function_Reference/wp_is_mobile
Unfortunately, the code won’t work if you’re wrapping the layer slider shortcode because the theme is adding containers to wrap the actual layer slider. If you inspect the code, you’ll see that the layer slider is not entirely hidden. If you really want this, we suggest that you use media query. Maybe add visibility: hidden if you’re worried about the html markup. Adding visibility: hidden is as good as nothing, you don’t have to worry about the other layer slider that is supposed to be hidden slowing the website.
Regards,
Ismael
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
#header_main .social_bookmarks { top: 85%!important; }}
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%; }}
Cheers!
Yigit
Hi,
I’ve figured #1 and #2 of my ticket. So, I’m good on that.
But can you please reply on #3? On that same topic, is there a way to make the icons to be contained in a circle, instead of a square through a CSS snippet?
Sorry for so many questions. I’m not a developer, so I need assistance on small and silly things. :)
Your help is tremendously appreciated!
Hey courtney_martin!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.av_promobox { margin: 0; }
.page-id-994 .avia-builder-el-27.column-top-margin { margin-top: 0!important; }
Cheers!
Yigit
Hi!
You are welcome Leroy, glad we could help. If you have any other questions or issues, please start a new topic. I will keep this open for OP @jaredburnett :)
Regards,
Yigit
Hi there!
I’ve removed that code and the post title links are now clickable although that also enables the lightbox which I would like to turn off.
Is there a code that could could be used to only disable the lightbox? I have a child theme set up.
You had suggested that code to turn off the lightbox, which was a great solution to do that. And I did not appreciate it was also turning off the other pointer events.
See https://kriesi.at/support/topic/blog-images-at-native-size-without-hover/#post-236033
Thanks so much.
-
This reply was modified 12 years ago by
penumbra. Reason: clarity
Hi!
Please try adding !important rule as following
@media only screen and (max-width: 767px) {
#header_main .social_bookmarks { top: 12% !important; }}
After applying the code, please flush browser cache
Cheers!
Yigit
Hi!
My bad! I saw socket and i thought footer socket. Please go to Enfold theme options > Header > Extra Elements > Header Social Icons and choose to display them in top bar at left – http://i.imgur.com/kXnKVoF.jpg
To add more menu items to your menu, please go to Appearance > Menus and select Secondary menu and simply add your additional items
Cheers!
Yigit
This reply has been marked as private.
Hi, Yigit
I had removed the Quick CSS . What is the next step ?
Hey Carolina!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.template-blog .blog-meta { display: none !important; }
Regards,
Yigit
Hey!
Have you removed the code? It seems like it is not being applied. Please try to disable minifying on total cache plugin and check if that helps.
@designing Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 767px) {
#header_main .social_bookmarks { top: 12%; }}
Cheers!
Yigit
Hey designing!
For social icons in socket, Please refer to my post here https://kriesi.at/support/topic/footer-socket-question/#post-193649
To add footer menu, please go to Appearance > Menus and create a new menu and add your menu items in it then in Menu Settings, check Enfold footer menu http://i.imgur.com/1v3Vwde.jpg
Best regards,
Yigit
Hi Guys,
I’ve been trying unsuccessfully to add two more links at the very top far right of the page next to the About Us link , could you please explain how I can do this. Also is it possible to place the social links in the same area but on the top far left of the page.
Thank you for you help in advance
Leroy
Thank you very much!
but, actually
.cart_dropdown.visible_cart {
right: -2px;
top: 180px;
}
is better since search icon will expand once clicked.
Hi guys I am using Enfold for this website: 2014.roboearth.org.
Do you know how to remove the author avatar on top of each blog post?
Best
it works but something break the layout and I can’t find what…
I change the code to make it more simple:
[insert_php] if (!is_mobile()) {[/insert_php] [av_layerslider id='5'][insert_php]}[/insert_php]
[insert_php] if (is_mobile()) {[/insert_php] [av_layerslider id='10'][insert_php]}[/insert_php]
ie my sample page : http://www.strategies-ecommerce.com/slide
EDIT
It Works !
With that:
[insert_php]
if (is_mobile()) {
[/insert_php]
[av_layerslider id='10']
[insert_php]
} else {
[/insert_php]
[av_layerslider id='5']
[insert_php]
}
[/insert_php]
hello
I also use media query to hide/display Layer Slider, but it’s not (in my opinion) a good way because both the sliders are present in the HTML code so you download extra images that slowdown the page performance on mobile…
I tried to use two Worpdress plugins to only display the right slides depending of the context (mobile/desktop):
But it do not work :(
Here is what I tried:
[insert_php]
if (is_mobile()) {
echo do_shortcode('[av_layerslider id='10']');
} else {
echo do_shortcode('[av_layerslider id='5']');
}
[/insert_php]
or
[insert_php]
if (is_mobile()) {
[/insert_php]
[av_layerslider id='10']
[insert_php]
} else {
[/insert_php]
[av_layerslider id='5']
[insert_php]
}
[/insert_php]