Hi mleite1,
Sorry for the late reply, do you still need help on the topic?
Best regards,
Rikard
Hi Rikard,
No not exactly. In the mobile menu, you see where, for example, it says “Our Services” with the list of services underneath?
The client has asked for those not to be visible until you click on “Our Services”.
Basically, he doesn’t want any of the sub-menus visible in the mobile menu until you click on them. Essentially how the desktop works.
So clicking the menu icon in mobile would, initially, only display the 9 initial top level items.
Hope this makes sense.
Hi Rikard
The topic is closed for me.
many thanks
Peter
Hi,
Ok great, glad you found the problem. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Peter,
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
Hey Michael,
When you make design you need to make views for different screen sizes, that way you know what you’re working towards. Even if we align the images on the sides to the top or bottom and make the h2 smaller, there’s too much text, that makes the section taller on smaller screen sizes. So you need to consider, what kind of adjustments are acceptable.
Best regards,
Victoria
Hey dianado,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
You can have a look here meanwhile:
https://kriesi.at/support/topic/seo-by-yoast-overriding-the-facebook-image-problem/
Best regards,
Victoria
Hi,
Are you putting the css I provided to the very top of quick css? Also, for the auto-optimize plugin is there an option to ignore specific images?
Best regards,
Jordan Shannon
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
Hey Tjerk,
Thank you for sharing. Don’t worry, the only posts we delete are accidentally duplicate threads. :)
Do you need help with anything regarding this topic?
Best regards,
Sarah
Hi robopath,
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 or in your child theme style.css
@media only screen and (max-width: 450px) {
#top #portfolio .av-section-video-bg iframe {
width: 730px !important;
left: -50% !important;
}
#portfolio, #portfolio main {
height: 400px !important;
}
#portfolio main.content {
padding: 20px 0 0 0;
vertical-align: top;
}
.av-special-heading.av-special-heading-h2.avia-builder-el-2 {
padding-bottom: 30px !important;
}
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 0.4em;
}
#portfolio .hr.hr-invisible.avia-builder-el-1 {
height: 25px !important;
}
#portfolio .alignright, #portfolio .alignleft {
float: none !important;
margin: 0 auto !important;
width: 70%;
}
.responsive #top #wrap_all #portfolio .flex_column {
margin-bottom: 0px;
}
.responsive #top #wrap_all #portfolio p {
margin: 0.1em 0;
font-size: 20px;
}
#portfolio .content {
padding: 20px 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi, how can I make the masonry titles be smaller and more readable on mobile – https://www.screencast.com/t/LEoqSuTC – without changing them on desktop?
Hi, as you can see here – https://www.screencast.com/t/NWjEdqY33 – the title that is should be shown on the images is not showing. On desktop they are showing fine – https://www.screencast.com/t/V0LeIZ8qj.
Why is the title not showing on mobile and how can I fix it?
I find the pulsing lights from the image hotspot in Enfold very cool. However standard there is not more interactivity to it than a tooltip on hover. But there is more: I came across and old closed thread in 2014 https://kriesi.at/support/topic/make-hotspots-links/
Grzegorz Domagala comes up with a charming solution that worked still for me with Enfold 4.0.7 (july 2017).
Just in case the old post is removed, I repost the solution as I found it very helpfull.
Succes, Tjerk
Hi!
I dreamed using hotspots with images as many other users. I voted for this functions at the Feature Request Page, but in meantime I have to find some kind of solution. Thanks for flexibility and power of this theme it was quite easy.
If you are eager to use links with hotspot before new feature will be part of Enfold template, please follow this simple guide:
- First, you have to use Child Template in your installation. If you are not using this, please reconsider this decision again. Working with Child Templates give power of all new features with flexibility of “own” theme
- Please download two files form Gist: https://gist.github.com/gdometrics/fc5e03a6f05845746a18 image_hotspots.php and functions.php
- In your child directory create new folder “shortcodes“
- Please upload file image_hotspots.php into folder “shortcodes”
- Please update or create file functions.php in main folder of child template with content form downloaded file functions.php
- Please test you new hotspots with links :-)
If everything goes smoothly, you will find two new fiels, during creation of hotspot:
- Hotspot Link – where you can writedown you link
- Open in new windows? – checkbox, if you select it – link willbe open in new windows.
Please try and hope for the best.
Grzegorz Domagala
Hi violin12,
Yes, I thought you were using Layer Slider.
I believe to edit shortcodes.js you need to do it via ftp. Also it is strongly recommended to do it in a child theme. Here is how to do it
https://kriesi.at/support/topic/edit-shortcodes-js-in-child-theme/
Best regards,
Victoria
Hi Drebosio,
I am seeing parallax on with the section on top. What is that you need adjust more? It might not seem to produce the same effect, because your section is not full width. Or this is not a problem?
Best regards,
Victoria
Hi VastMarketing,
You could try specifying different images via css, adding code like this with the class of different page. Put this code in your Quick css, change the image url and see what happens
.page-id-18 .alternate_color {
background: #ffffff url(//www.andrew-jacobs.com/wp-content/uploads/2017/06/bigstock-Office-Building-3335393-e1498567615281.jpg) top center repeat-x fixed;
}
If you need further assistance please let us know.
Best regards,
Victoria
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 Briana,
I’m getting the same problem on my end, the server is returning a 403 on the admin-ajax.php file. Could you try to refer to this thread to see if any of the suggestions work please? https://kriesi.at/support/topic/failed-to-load-resource-the-server-responded-with-a-status-of-403-forbidden/
You could also try to enable debug mode in order to shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then copy/paste the shortcode to a new page to see if that helps.
Best regards,
Rikard
We want same type of sticky-bar relative on top of the site.
Hi,
Thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
#header .widget {
left: 50%;
position: absolute;
top: -20px;
transform: translate(0%);
}
}
Best regards,
Rikard
Hi,
Try this:
#top .av-image-caption-overlay-center p {
background: rgba(8, 30, 63, 0.5) !important;
}
Best regards,
Rikard
Hi,
Sometimes it is :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Thank you for sharing!
Do you need further assistance with this topic, or can we close this thread? You can open a new one should you need help, and we’ll do our best to assist you!
Best regards,
Sarah
Hi,
Ok, thanks for the feedback. Let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey musedesignca,
The logo seems to be in the top left corner on mobile now. Where you able to get this fixed?
Best regards,
Jordan Shannon
Hi,
Add the following to quick css:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column{
margin-bottom:0px!important;
}
.avia_textblock ul{
margin-bottom:0px!important;
}
}
Best regards,
Jordan Shannon
I have moved a website from our company’s test server to the live host and everything is working except for some of the pages – the advanced editor will not load to make changes – it just loads and loads and never stops.
I have updated the theme.
Manually updated the theme in cpanel.
Updated wordpress AND reinstalled wordpress.
Turned off the 2 new plugins I added post-move and no change.
Really not sure what to do now to fix it.
The page content displays but isn’t editable in the back end.