I dug into the developer console and I figured it out myself. For people who may be interested, I had to also edit this CSS:
#top #header .av-main-nav > li > a {
background-color: transparent !important;
}
I think it pulls the color from the template so you have to tell the background color to go back to transparent and you really do have to make that important or it doesn’t work.
Hey!
Thanks a lot for updating the topic and providing the solution.
Please feel free to open a new ticket, if something else is needed.
Thanks a lot
Best regards,
Basilis
Hi Yigit,
I have done exactly what you asked for both parts, but it doesn’t take affect.
Could you please take a more close look to the codes I wrote at the top of this thread? I’m not sure I wrote a correct codes and both problems are still exists.
Regards,
Sadegh
I fixed the problem but now I am encountering another problem
my link – http://enovatekenergy.com/portfolio-item/smrt-aljunied-station-lighting-solutions-2016/
I wanted my gallery size to be a little bit smaller than 1/1 column so I added 100px to Padding-Right and Padding-Left in my edit column settings. It works perfectly fine on desktop but on mobile my gallery is really tiny now. How do I turn it off on mobile?
Thanks
Hi,
try this code inside Quick CSS field:
@media only screen and (max-width: 767px) {
li.bbp-topic-voice-count {
position: relative;
left: -16px;
}}
and adjust as needed.
Best regards,
Andy
Hi Andy,
It is so frustrating with this sporadic emerging errors. That reminds me so much of a situation I had with my first car. Suddenly without any forewarning while accelerating on the highway the car lost all its power and sometime the engine even stopped while I was still rolling. Right after that the car drove on like nothing happened. After it did that for the 10th time I brought it to a garage. The experts checked the car and couldn’t find anything wrong with it. Right away I told them it must be something with the fuel injection, but they asked me whether I pushed the pedal right.
This situation repeated 5 or 6 times till the error showed up while me and the mechanic took a testdrive together. Guess what – it was the electronic for the fuel injection.
So straight for the website. I don’t know how or why the icons show up again. I did not to go to the login-page, maybe you did. They also show up for all my browser and they also suddenly show up for all the browsers on my friends computer. I will continue to monitor this situation.
As I tried to explain many times before. If the icons are gone they are gone on all different computers (at least always on firefox/chrome) I could check it on simultaneously – and they remain to be gone no matter how often you do the cache refresh or you reload the page. I just need to go on ONE of these different computer and browsers into the login-page of my website (../wp-login.php) and the icons reappear on ALL computers with ALL browsers. That convinced me at least, that it is not a local cache problem.
I will send you a message when the icons have disappeared again, but since I am in the wilderness for the next 3 days – you wont hear from me that soon. Maybe you just check it again tomorrow. Thank you anyhow.
Best regards
-C
P.s. Also thanks for the flowers regarding my website.
Hey darneson!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
#top .aviaccordion {
max-height: 100%!important;
position: initial;
}
#top .aviaccordion-slide {
position: initial;
}}
Best regards,
Yigit
Thanks, you can now close this topic.
Regards,
— Petroni
Thanks. I will for now, as you advised, work on just one bread crumbs section. I tried your code but it does not set the height of the bread crumbs and horizontally centers the bread crumbs.
What I would like to achieve is to reduce the height of the container and then vertically center the bread crumbs (and keep them right aligned in desktop and left in mobile (which is both the standard behavior)).
Hi,
adjust top value in my code as needed, to align it to the top. If you need a different result for smaller screen sizes only, then add media queries, for example:
@media only screen and (max-width: 767px) {
#top #background-video .av-section-video-bg iframe, #top #background-video .av-section-video-bg embed, #top #background-video .av-section-video-bg object, #top #background-video .av-section-video-bg video {
left: -117px;
top: 25px;
}}
For more information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/#phone-queries
Best regards,
Andy
I found some solutions on the forum to change the height of the bread crumbs container but I dot get the text of the breadcrumbs vertically centered. I managed once but then it was no longer vertically aligned in the mobile version.
So, my questions are:
1) how to set the height of the bread crumb container for the desktop version and independently for the mobile version?
2) in both the desktop and mobile version I want the bread crumbs to be vertically centered in the container, what code/css is required for this?
Hi,
use this code inside Quick CSS field:
#top .av-main-nav ul ul {
left: 207px;
}
Best regards,
Andy
Hi there,
Is it possible to make the accordion slider to show each entry underneath each other on mobile, rather than next to each other?
I have set one section to 2 and another to 3 images and it looks great on desktop, but I think it would look nicer if they would be 2 and 3 separate images underneath each other.
Hi there!
I have a question about margins/padding in a content section. We have made a content section with two columns.
We want to put an image in the left column and in the right column some text.
The image must be placed with no margins and not cropped. It must from top till bottom shown. In the following link you will see the image is cropped and have margins on top and bottom.
Do you have an answer how to make this look nice?
Thanks for the support.
How do I get rid of the white between my pictures
In full size there is no white between the pictures (Colour section)
But if I scale my window smaller the white is coming.
I don’t want that.
I want the pictures to stay on top of each other. Also when I scale the window smaller.
Is that possible?
Hi,
To change the color of the dot only in special headings add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
Change the color value to suit your design.
.av-special-heading-tag strong {
color: #d63e2d;
}
To change the color of the dot site wide.
#top .all_colors strong {
color: #d63e2d;
}
The dot should be added inside a strong tag
<strong>.</strong>
The fonts used are Oswald and Lato for Headings and Body respectively.
You might like this is handy little tool to check the fonts https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en
Best regards,
Vinay
-
This reply was modified 9 years, 6 months ago by
Vinay.
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi @ElseSjurdaberg,
Please open a new topic and include admin login details in private and we’ll take a closer look.
Regards,
Rikard
Hi,
Website URL: http://thepoolgurus.com.au/newsite/
The slider on mobile does not display all the caption content and CTA buttons as per the screenshot below:
http://prntscr.com/c5u6z0
What I would like to do preferably is to have the slider height stay the same no matter what device it’s used on.. at the very least I need to set a minimum height for the slider as it gets smaller through the resolutions so that it never gets smaller than 400px for example, this is a good size for the slider – as you can see everything fits inside it – however this is only when viewed on desktop and it gets smaller as it re-adjusts for mobile:
http://prntscr.com/c5u7h9
Any input would be much appreciated.
Also can you tell me how I can display a ‘Call Now’ button but only when the website is viewed on mobile? (I can arrange the button image and the link – just need to know how I can display it only when it’s viewed on mobile)
Thanks
Hi Rob,
Great, thanks for that. Let us know if should need any further help on the topic.
Thanks,
Rikard
Hi Ralf,
Please try this instead:
.title_container .container {
padding-top: 40px!important;
padding-bottom: 40px!important;
min-height:185px!important;
}
Regards,
Rikard
Hi Steve,
Great, glad you got it working and thank for the feedback. Let us know if you should have any further problems on the topic.
Thanks,
Rikard
Hey Monique,
Thank you for using Enfold.
Those info should display automatically if you use the default editor. If you want to display it in the portfolio item created with the advance layout builder, please follow this link: https://kriesi.at/support/topic/show-portfolio-category-on-portfolio-pages/#post-540059
Best regards,
Ismael
Hi,
You can try something like this in Quick CSS:
.hr-inner.inner-border-av-border-fat {
border-top-width: 20px;
}
Thanks,
Rikard
Hi,
Please go to Appearance–>Menus and click Screen Option in the top right hand corner or the screen, you can select to show your product categories there.
Regards,
Rikard
Hi,
i’ll like to make my menu sticky/floating on mobile, i’ve tried the quick css codes from other threads, but none seem to work. Specifically, i want the whole brown portion on top to move together while scrolling.
image link on responsive
http://imgur.com/X3HLML4:
thanks for the help!
cheers!
Hi,
i’ll like to make my menu sticky/floating on mobile, i’ve tried the quick css codes from other threads, but none seem to work. Specifically, i want the whole brown portion on top to move together while scrolling.
http://www.mixesfrommars.sg
image link on responsive:
View post on imgur.com
thanks for the help!
cheers!
Hi!,
You don’t need an account to post images to Imgur, simply click the green button on the top reading New Post and upload, you can post the URL to the image here afterwards.
Thanks,
Rikard
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-530 .avia-button-wrap {
margin-top: 50px;
}
.page-id-530 .av-special-heading-h2 {
display: inline-block;
float: right;
max-width: 65%;
}
Best regards,
Rikard
Hi Erhard,
Great, glad you found the problem and thanks for sharing :-)
Let us know if you should have any further problems on the topic.
Thanks,
Rikard