Hi Andy,
I’ve used the same ticket since all questions are related and concern the same page item, the header. Thought it would be better for you guys as well instead of 3 tickets to have just 1 :) But sure, I’ll use different ones from now on.
In relation to your reply, unfortunately the solution you proposed to the question “Is it possible to deactivate the sticky header on this page alone?” is not available in the Header visibility and transparency drop down of the page.
My question is if it’s possible to deactivate the sticky header and keep the header as it appears until you start scrolling so having a fixed header with no change when scrolling. Is there a way to do this for a single page and not for the whole site?
In relation to the second question “is it possible to deactivate the top bar containing the secondary menu on this page alone?” I was hoping you would provide the code to do that as well…? I’m not a developer, I’m sure it’s possible and it would be much appreciated if you could provide a solution to this issue as well.
Many thanks,
Flavius
Hi Andreas,
Please try the following in Quick CSS under Enfold–>General Styling:
#menu-item-3051 span.avia-menu-text:after {
content: "4";
font-size: 9px;
color: #FFF;
background: #42A0BD;
line-height: 17px;
width: 17px;
display: inline-block;
text-align: center;
border-radius: 100px;
position: relative;
top: -9px;
left: 2px;
}
Regards,
Rikard
Hi,
I put that in custom.css
That doesn’t fix the problem though. social icons or phone info still does not show up in top bar on home page (iPhone +Chrome)
(iPhone + Safari) social icons also do not show up BUT very strangely I can see phone# “010 2797 800” even though full text from the field is supposed to be “Tilaa työvuoroja Puh: 010 2797 800 (joka päivä klo 6-24)”.
BR,
Teemu
Hi,
Displaying background images the same on all types of screens is more or less impossible unfortunately due to the different dimensions of screens, one option you could try would be to create a second section which will only show for mobile devices, and use an image better adapted to small screens. You can then use CSS like this to hide/show the correct section, remember to give you sections unique ID’s in the element option and replace the names after the hash sign in the code:
@media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}
@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}
Best regards,
Rikard
Hi,
Ok great, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hello,
I need to take off the published data from the preview of the top right search result ( the menu that open when you search after clicking the lens).
I am not talking about the search template, I’ve already customized it, but I don’t find the ajax template of the top right drop down menu.
Hope you understand what I mean :)
thanks for support
On mobile browsers, at least iPhone safari & chrome, top bar social icons + phone numbers will not show up. Just empty bar with background color.
This affects only home page – top bar is fine on other pages.
Hi Ismael – okay – this is what I’m trying to do – sorry I wasn’t very clear, never mind having 2 background images…I’ve combined them into one PNG and stretched it to fit – so ignore – however I’m still having issues as per below:
1 – I’ve attached a background image to the avia layout builder
2 – I’ve also written some custom styles to make the blue coloured section have a coloured gradient (see below)
however the issue is – when I add my custom class to the ‘coloured’ module of the layotu builder – as per below – the background image that I’ve uploaded dissapears…
How do i a) have the background image I’ve uploaded and the gradient appear…..
thanks
.sd-blue{
border-bottom: 20px solid #ffc72d;
background: #3574b9; /* Old browsers */
background: -moz-linear-gradient(top, #3574b9 0%, #16304d 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3574b9 0%,#16304d 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3574b9 0%,#16304d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#3574b9′, endColorstr=’#16304d’,GradientType=0 ); /* IE6-9 */
}
Hey echristoperj,
Please try the following in Quick CSS under Enfold–>General Styling:
.home .avia-caption-content {
padding-top: 120px;
}
Best regards,
Rikard
Hi,
Displaying background images the same on all types of screens is more or less impossible unfortunately due to the different dimensions of screens, one option you could try would be to create a second section which will only show for mobile devices, and use an image better adapted to small screens. You can then use CSS like this to hide/show the correct section:
@media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}
@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}
Best regards,
Rikard
Yes you are doing something wrong. You are ending up on the results page. See top left corner of the pen. Change tabs to html and css.
P
Hello,
I installed the Plugin W3 Total Cache.
Now just the preload-site appears and I can’t see the rest of my website.
If I deactivate W3TC everything works fine. Could you tell me what I did wrong?
Perhaps it would be helpful if you login and check the settings of W3 Total Cache. (login credentials in private content)
Another topic is, I need a shrinking header on tablets as well. Is this possible? Otherwise it would be great when the header has the half size ONLY on tablets…
Thanks in advance for your help.
BR
Hello Ismael,
Kindly close the topic. I found the bug; my mistake. Thank you for your support.
Grüße
Jyothis
Hi Vinay,
That had no effect at all. However I know what’s happening – just not how to stop it. I removed the css that allowed me to make the “Nicholas Sansbury Smith” a font size of 75. It is adding space above and below at a font size of 75 however there is nothing above or below – not even a space.
Thanks,
Nathan
-
This reply was modified 9 years, 8 months ago by
norcalnathan.
Hi,
ich habe alles exakt so gemacht wie hier beschrieben – Nur leider erhalte ich nur eine Fehlermeldung:
https://kriesi.at/support/topic/forms-how-to-limit-number-of-rows-in-message-text-imput-window/
“No direct script access allowed”
Was mache ich falsch?
Danke für jeden Tipp!
LG
Jens
Hi!
I have removed the xcreenshot.
Please do not that when you post multiple times, on the top of an image, it drives it last to the que.
Please do try to avoid that.
THanks a lot
Regards,
Basilis
I am working on a site where the default language is danish.
The top of the pages is:
<!DOCTYPE html>
<html lang=”da-DK” prefix …..
On two pages (German and English) I want to change
<html lang=”da-DK”
to
<html lang=”en-US”
and
<html lang=”de”
Is it possible in the enfold theme ?
Thanks for your reply
just made few css adjustnemt on child css and managet to display the thumbnails at the side of the big pic.
this is even better than the top.
also fixed the croping of thumbnales like it was sujestet in other topic.
all good.
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hey norcalnathan,
To reduce the gap or specify your own on advanced layout elements. Please enable the custom css class name for the advanced layout elements and add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
.custom-class-name {
margin-top:30px!important;
margin-bottom:30px!important;
}
Best regards,
Vinay
-
This reply was modified 9 years, 8 months ago by
Vinay.
Hi,
If you look at the home page, you’ll see a text box at the top with “Nicholas Sansbury Smith” and social icons below. There is a lot of space above and below “Nicholas Sansbury Smith” and below the social icons.
I need to be able to specify the spacing above and below “Nicholas Sansbury Smith” and below the social icons and the text box below it.
Your help is appreciated!
Thanks!
Nathan
-
This topic was modified 9 years, 7 months ago by
Yigit.
Hey ShortieD,
Thank you for using Enfold.
Please refrain from creating duplicate threads. Thank you. https://kriesi.at/support/topic/class-styles-not-working/
Best regards,
Ismael
Hey ShortieD,
Thank you for using Enfold.
Remove the image background from the color section then add this in the QuicK CSS field:
.sd-blue:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background-image: url(https://rfl.shortiedesigns.com/wp-content/uploads/2016/06/blue_bg_top.png);
background-position: top right;
background-repeat: no-repeat;
}
Best regards,
Ismael
Hi,
Thanks for the info!
Please also add the following code:
.sub-menu.avia_mega_hr {
padding-top: 0px !important;
}
Also the text is no longer bold. Please try clearing your browser’s cache and refreshing the page.
Best regards,
Jordan
Hey!
That is a bit of a strange issue.
Can you please provide us backend access so we can give it a look.
Please be also patience and do not double post on a topic, as it gets back and last to the line, until we check it.
Regards,
Basilis
thanks
what about the summary font size (“This title is a direct quote from a conversation with Erasmus…”)
any any update on this ticket which is directly related to this section
Hey!
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161 for the workaround. We will release an update soon :)
Best regards,
Yigit