Hi there! No, I mean on mobile the logo is rather small, the header container is stretched out HUGE and the logo is nestled in the top left corner.
Hi,
i know that google map since twi months is only working with a google api key. i tryed the hotfix from this post: https://kriesi.at/support/topic/google-maps-7/#post-656457
But on my site it is not working. Can you plz take look?
i need a valid google map in 2 days…
best regards
Chris
-
This topic was modified 9 years, 9 months ago by
Chris_85.
Hey GoToGalMarketing,
We are aware of the problem and we’re working on a fix for it. You can try this temporary fix though: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Regards,
Rikard
Hi,
Great, let us know if you should need any more help on the topic.
Best regards,
Rikard
Hey Alexander,
We are aware of the problem and we’re working on a fix for it. If you want to try a temporary fix you can have a look in this thread: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Regards,
Rikard
Hey JKankkunen,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.main_menu ul:first-child > li a {
height: 40px;
line-height: 40px;
}
nav.main_menu {
height: 40px;
}
.html_header_top.html_header_sticky #main {
padding-top: 128px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Rikard,
I have posted the login information to the website below.
If you open the site in google chrome, the background will first be light blue solid, then dark blue solid with the video only filling the screen further on down below and partially.
Is there another way to have a background video for the site that works consistently on all three desktop browsers? We need it for the entire site, all pages and posts…should/can it be done with a plugin instead of your color section? or in code somewhere? plugins allow options for several video formats which may have to be served based on browser. if yes, which plugin works in conjunction with enfold?
Thank you
Peter
Hey fionda85!
Our devs are working on an update. If you would like to use a workaround to troubleshoot the issue, please refer to this post – https://kriesi.at/support/topic/solution-to-google-maps-key-issues/
Best regards,
Yigit
Hey pallabip,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content {
background: rgba(14, 24, 50, 0.85);
}
Best regards,
Yigit
Hi,
Great, glad you found the problem :-)
Let us know if you should have any further problems on the topic.
Regards,
Rikard
Hi,
Great, glad we could help :-)
Please let us know if you should have any further problems on the topic.
Regards,
Rikard
Hi,
Glad we could help :-)
Please let us know if you should have any further problems on the topic.
Regards,
Rikard
Hi,
Great, glad we could help. Let us know if you should need any further help on the topic.
Thanks,
Rikard
On a desktop site I have a fullscreen slider with bird, so I would like to get the bird to show up on mobile too :-)
Hi,
Great, glad you got it working. Let us know if you should have any further problems on the topic.
Best regards,
Rikard
Hi mdmllc,
I’m guessing you mean horizontally? Please try the following in Quick CSS:
strong.logo {
margin-top:5px;
}
Best regards,
Rikard
Hi Vinay,
I tried that code, cleared the cache, but nothing seems to be different with regards to the transparency of the pancake menu on mobile browsers. Here are some more specifics:
If you open Austin magician (LINK 1 in private content below) in a mobile browser in portrait mode, you’ll see the menu in the upper right as the “pancake” menu, resembling a white box with a light grey border and three horizontal lines (the pancakes) inside. For some reason, it’s not the transparent pancake menu icon at that resolution, and I’d like it to be.
Secondly, if you open LINK 2 in a *desktop* browser, you’ll see that I’m using a fullwidth slider with the image of a spiral staircase, and that i’m using the title and caption features that allow me to overlay text on the fullwidth slider. However, if you open the same page in a mobile browser, you’ll see that fullwidth slider is pushed up underneath the transparent header further than it should be and the title and caption are difficult to read because of this. How do I fix this so the fullwidth slider image extends far below the header area (like it does on the desktop) and the title and caption are in a position below the header area where they can be read easily.
(I made a different post about this second issue here before receiving your reply: https://kriesi.at/support/topic/fullscreen-slider-text-content-overlaps-with-header-on-mobile/)
In the code provided in your reply, the margin is negative, which would just make it worse, but if I make the margin positive, it forces the fullwidth slider to start 119 pixels from the top, which isn’t what we want either. The fullwidth slider should start at the very top and overlaid on it will first be the transparent header (just like we see on the desktop version) and below that, the rest of the image will show and in that area the title and caption will go (similar to how it is on the desktop). Maybe the fullwidth slider need a min-height on mobile?
Let me know if you need any more screenshots or links.
Thanks again!
Hi,
there are many confusing entries available on this topic. But none of them offered what I want to achieve:
1. Tabs: create box/borders (including bottom) around active and inactive tabs with space between them. Background color: white, color: black.
2. Active tab: background color: red
3. Tab hover: change border color to red
3. Content area (below the tabs), normal and active: remove borders and make background white.
You can see an example of what I mean in the ‘Our Services’ section of this website: http://www.istaff.com/
Hi there, so I recently installed a plugin that has its own lightbox. And because enfold has its own lightbox as well, it’s opening two lightbox images whenever I click on the image…
Is there a way to turn off lightbox picture feature on one page? Or can I request this feature?
Thank you.
Detail on plugin & chat with their maker: https://wordpress.org/support/topic/great-plugin-thank-you-but?replies=4#post-8702613
Hey Brad,
Adjust the margin top value to suit your design.
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent;
}
.responsive #top #main {
margin-top:-119px;
}
}
If you have any questions please get back to us with a precise link where we can see the issue and the element in question.
Best regards,
Vinay
Hey webdesign,
To change the active tab color please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
.responsive #top .main_color .tabcontainer .active_tab {
background-color: #0f0d9e!important;
}
.responsive #top .main_color .tabcontainer .active_tab h4{
color: #ffffff!important;
}}
Best regards,
Vinay
Hey vadikcoma,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background-color: transparent;
}
.responsive #top #main {
margin-top:-119px;
}
}
Best regards,
Vinay
Hi,
Add this css code to change the color on hover:
.responsive #top #header_meta .social_bookmarks li:hover a {
color: #ffffff;
}
Remove the dot in the custom css class field. Use “hmp-button”, not “.hmp-button” then replace the css code with the following:
#top .hmp-button a {
color: red !important;
border-color: blue !important;
}
Best regards,
Ismael
Hey lanabradasevic,
I do not see the social icons in the header. However to include the download button there are 2 options.
1. To add the button next to the menu items enable header widget area and add the html in the widget box and css in Quick CSS.
2. In Enfold > Header > Header Phone Number/Extra Info > Display on top bar > Enter the button html in the “Phone Number or small info text” and add the button style in Enfold > General Styling > Quick CSS
Let us know if you have any questions.
Best regards,
Vinay
Hello, I have transparent header with 2 menus on my site:
sirius.coma.lv/
However when on mobile my header has white background and language switcher from secondary menu becomes invisible due to white color. How to keep header transparent on mobile?
-
This topic was modified 9 years, 9 months ago by
vadikcoma.
Hi,
How can I change the color of the “active” tab (the tab that is currently open) on mobile devices? I’ve been able to change it on the desktop, and used some code I found on your forums for the mobile device, but it is still a very bright blue.
Thanks much!
I’ve configured some transparency settings for my navigation.
In the desktop version everything looks exactly how it should.
How to get the exact same result in the mobile version?
To be specific what “the same result” means:
The logo set for transparency and transparency for the navigation itself.
A solution which adapts any chances done in the backend to the navigation would be preferred.